优化消息提示组件

mlogclub · Jan 21, 2024 · cabc3c8 · cabc3c8
1 parent b6e8614
commit cabc3c8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 52 deletions.
diff --git a/server/cmd/server/main.go b/server/cmd/server/main.go
@@ -1,6 +1,9 @@
 package main
 
-import "bbs-go/internal/server"
+import (
+	"bbs-go/internal/server"
+	_ "bbs-go/internal/services/eventhandler"
+)
 
 func main() {
 	server.Init()

diff --git a/site/src/components/MsgNotice.vue b/site/src/components/MsgNotice.vue
@@ -12,43 +12,27 @@
         <sup v-if="msgcount > 0">{{ msgcount > 9 ? "9+" : msgcount }}</sup>
       </nuxt-link>
     </div>
-    <!--
-    <div v-if="messages && messages.length" class="dropdown-menu">
-      <div class="dropdown-content msglist-wrapper">
-        <div class="msglist">
-          <ul>
-            <li v-for="msg in messages" :key="msg.messageId" class="msg-item">
-              <nuxt-link to="/user/messages">
-                {{ msg.from.id > 0 ? msg.from.nickname : '' }}{{ msg.title }}
-              </nuxt-link>
-            </li>
-          </ul>
-        </div>
-        <div class="msgfooter">
-          <nuxt-link to="/user/messages">消息中心&gt;&gt;</nuxt-link>
-        </div>
-      </div>
-    </div>
-    -->
   </div>
 </template>
 
 <script setup>
 const msgcount = ref(0);
 const messages = ref([]);
-
-const { data } = useAsyncData(() => useMyFetch("/api/user/msgrecent"));
-msgcount.value = data.count || 0;
-messages.value = data.messages || [];
-console.log(data);
+const { data } = await useAsyncData(() => useMyFetch("/api/user/msgrecent"));
+msgcount.value = data.value.count || 0;
+messages.value = data.value.messages || [];
 </script>
 
 <style lang="scss" scoped>
 .msg-notice {
   .msgicon {
-    font-size: 16px;
+    font-size: 15px;
     color: var(--text-color);
 
+    display: flex;
+    align-items: center;
+    column-gap: 6px;
+
     &:hover {
       color: red;
     }
@@ -66,32 +50,5 @@ console.log(data);
       color: red;
     }
   }
-
-  .msglist-wrapper {
-    padding: 5px 10px;
-    .msglist {
-      .msg-item {
-        padding: 3px 0;
-        font-size: 12px;
-        line-height: 21px;
-        overflow: hidden;
-        word-break: break-all;
-        -webkit-line-clamp: 1;
-        text-overflow: ellipsis;
-        -webkit-box-orient: vertical;
-        display: -webkit-box;
-        &:not(:last-child) {
-          border-bottom: 1px solid var(--border-color);
-        }
-      }
-    }
-    .msgfooter {
-      border-top: 1px solid var(--border-color);
-      text-align: right;
-      a {
-        font-size: 13px;
-      }
-    }
-  }
 }
 </style>