perf:styles

Author: iRuxu

src/assets/css/community/reply_item.less

@@ -109,6 +109,10 @@
     }
     .u-reply-op {
         margin-left: 5px;
+        .pr;top:-1px;
+        *{
+            font-weight: normal;
+        }
     }
     .u-boxcoin {
         .pa;
@@ -226,6 +230,7 @@
     padding: 0 24px;
     width: 220px;
     box-sizing: content-box;
+    // background-color:@bg-light;
     .pr;
     .u-top-right {
         text-align: right;

src/assets/img/leftsidebar/post.svg

@@ -32,6 +32,10 @@
                 </a>
             </div>
         </div>
+
+        <div class="m-nav__qqbot">
+            <a href="/qqbot" target="_blank"><img src="@/assets/img/qqbot/qqbot.gif" alt="魔盒QQ机器人"></a>
+        </div>
     </div>
 </template>
 
@@ -158,5 +162,9 @@ export default {
 .m-nav{
     padding:5px;
 }
+.m-nav__qqbot{
+    .r(6px);
+    overflow: hidden;
+}
 @import "@/assets/css/common/side_nav.less";
 </style>

src/assets/img/qqbot/qqbot.gif

@@ -147,10 +147,10 @@ export default {
     .u-displayname {
         .lh(2.2);
         .bold;
-        // color: @v4primary;
+        color: #24292e;
         .nobreak;
         &:hover {
-            color: #f39;
+            color: @pink;
         }
     }
     .u-anonymous {

src/components/nav/ListNav.vue

@@ -104,9 +104,12 @@ showMark(<i v-for="mark in item.mark" class="u-mark" :key="mark">{{ mark) }}</i>
                 <span v-else>神秘侠士</span>
             </div>
             <span class="u-date">
-                Updated on
+                <!-- Updated on
                 <time v-if="order == 'update'">{{ dateFormat(item.post_modified) }}</time>
-                <time v-else>{{ dateFormat(item.updated_at) }}</time>
+                <time v-else>{{ dateFormat(item.updated_at) }}</time> -->
+
+                Last replied on
+                <time>{{ dateFormat(item.latest_reply_at) }}</time>
             </span>
         </div>
     </li>

src/views/community/components/CommentUserInfo.vue

@@ -48,7 +48,10 @@ module.exports = {
                 pathname: "/ws",
             },
         },
-        watchFiles: ["src/**/*", "public/**/*"],
+        // `src` 内源码本来就由 webpack 自己监听并走 HMR。
+        // 这里如果再用 dev-server 的 watchFiles 监听一次，会让 less/css 变更退化成整页 live reload。
+        // 只保留对 public 目录的额外监听，用于模板/静态资源变更时刷新页面。
+        watchFiles: ["public/**/*"],
     },
 
     // 依赖包（element-plus/theme-chalk 等）会输出大量 Sass deprecation 警告