tk版私信出版

src/components/NoticeBar.vue

@@ -1,7 +1,6 @@
 <template>
     <!-- info / 无 category 的公告：滚动栏显示 title -->
-    <div v-if="infoNotices.length > 0"
-        :class="['notice-bar', 'notice-bar--info']">
+    <div v-if="infoNotices.length > 0" :class="['notice-bar', 'notice-bar--info']">
         <!-- 图标 -->
         <span class="material-icons-round notice-bar__icon">campaign</span>
 
@@ -18,31 +17,20 @@
         </span>
 
         <!-- 关闭按钮 -->
-        <button v-if="closable" class="notice-bar__close" @click="handleClose"
-            :title="t('notice.close')">
+        <button v-if="closable" class="notice-bar__close" @click="handleClose" :title="t('notice.close')">
             <span class="material-icons-round text-base">close</span>
         </button>
     </div>
 
     <!-- danger / warning 的公告：弹窗逐条显示 title + content -->
-    <el-dialog
-        v-model="dialogVisible"
-        :title="currentAlert?.title"
-        width="480px"
-        :close-on-click-modal="false"
-        align-center
-    >
+    <el-dialog v-model="dialogVisible" :title="currentAlert?.title" width="480px" align-center>
         <div class="alert-notice__content" v-html="currentAlert?.content"></div>
         <template #footer>
-            <el-button
-                v-if="alertIndex < alertNotices.length - 1"
-                @click="nextAlert"
-            >
+            <el-button v-if="alertIndex < alertNotices.length - 1" @click="nextAlert">
                 下一条 ({{ alertIndex + 1 }}/{{ alertNotices.length }})
             </el-button>
             <el-button type="primary" @click="closeAlert">
-                {{ alertIndex < alertNotices.length - 1 ? '全部关闭' : '我知道了' }}
-            </el-button>
+                {{ alertIndex < alertNotices.length - 1 ? '全部关闭' : '我知道了' }} </el-button>
         </template>
     </el-dialog>
 </template>
@@ -250,6 +238,7 @@ onUnmounted(() => {
     0% {
         transform: translateX(0);
     }
+
     100% {
         transform: translateX(-100%);
     }