优化提示

src/layout/Header/functionList/ScrollNotifications.vue

@@ -4,7 +4,7 @@
       <el-popover :width="500">
         <div v-if="data.systemUpdatesMessage">
           系统更新通知:
-          <span style="color: red">
+          <span style="color: red;text-decoration: underline">
           {{ data.systemUpdatesMessage }}
           </span>
           <br>
@@ -19,7 +19,7 @@
         <template #reference>
           <div class='ad' ref="adRef">
             <i class="iconfont icon-tongzhi"/>
-            <div id="wrap" class="wrap" ref="wrapRef">
+            <div class="wrap" ref="wrapRef">
               <p class="txt" ref="txtRef">
                 {{
                   data.systemUpdatesMessage ? '系统更新通知:' + data.systemUpdatesMessage : data.systemUpdatesMessage
@@ -35,6 +35,9 @@
                 &nbsp;&nbsp;&nbsp;&nbsp;
               </p>
             </div>
+            <div style="width: 65px;color: white;font-size: 14px;margin-left: 10px">
+              查看详情
+            </div>
           </div>
         </template>
       </el-popover>
@@ -66,7 +69,7 @@ watch(() => data, () => {
   isShow = (data.systemUpdatesMessage || data.scrollingMessages)
   nextTick(() => {
     if (isShow) {
-      wrapRef.value.style.width = adRef.value.clientWidth - 20 + 'px'
+      wrapRef.value.style.width = adRef.value.clientWidth - 85 + 'px'
       if (wrapRef.value.offsetWidth < txtRef.value.offsetWidth) {
         let p_w = txtRef.value.offsetWidth;
         whetherToScroll = true
@@ -145,7 +148,7 @@ onMounted(() => {
     }
 
     .wrap {
-      margin-left: 3px;
+      margin-left: 10px;
       font-size: 14px;
       color: #333;
       white-space: nowrap;