UP

themes/blog/talk.html

@@ -27,7 +27,7 @@
     .talk_item:hover,
     .tk-comments-container>.tk-comment:hover,
     .tk-submit:nth-child(1):hover {
-        border-color: #49b1f5;
+        border-color: var(--primary,#673ab7);;
     }
 
     .tk-submit {
@@ -45,16 +45,21 @@
     }
 
     #talk .loading {
-        vertical-align: middle;
+        /*vertical-align: middle;*/
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
+        margin: 0 auto;
+        width: 100px;
+        height: 100px;
+        border-radius: 8px;
+        background-color:var(--primary,#673ab7);
     }
 
     #talk .loading img {
-        width: 50px;
-        background-color:var(--primary,#673ab7);
+        height: 60px;
+        width: 60px;
     }
 
     .talk_item {
@@ -167,7 +172,7 @@
         display: none;
         text-align: center;
         margin-top: 20px;
-        color: var(--font-color);
+        color: var(--primary,#673ab7);
     }
     @media screen and (max-width: 900px) {
         .zone_imgbox {
@@ -195,7 +200,9 @@
 </style>
 
 <div id="talk">
-    <div class='loading'><img src="/public/img/loading.svg" alt="加载中..."></div>
+    <div class='loading'><img src="/public/img/loading.svg" alt="加载中...">
+        <a>加载中...</a>
+    </div>
 </div>
 
 <div class="limit">- 只展示最近30条说说 -</div>