样式修改

src/components/Comment.vue

@@ -189,7 +189,7 @@ onMounted(() => {
                 <div class="like-num-box" @click="handleSetLike">
                     <img src="@/assets/icon-good-s.png" alt="" v-if="msgState.like_enabled">
                     <img src="@/assets/icon-good.png" alt="" v-else>
-                    <span>{{msgState.like_num}}</span>
+                    <span v-if="msgState.like_num>0">{{msgState.like_num}}</span>
                 </div>
                 <div class="right-box" style="cursor: pointer;">
                     <span  v-show="!msgState.show" @click="handleClickShowMsg">写留言</span>
@@ -298,11 +298,13 @@ onMounted(() => {
             cursor: pointer;
             img{
                 width: 17px;
-                margin-right:10px;
+                vertical-align: middle;
             }
             span{
                 font-size:18px;
                 color:#F3A52F;
+                margin-left: 10px;
+                vertical-align: middle;
             }
         }
         .right-box{

src/components/Notice.vue

@@ -213,8 +213,8 @@ onMounted(() => {
             <li class="flex notice-item" v-for="(item,index) in listState.list" :key="item.msg_id">
                 <el-image :src="item.img" :class="['avatar',item.is_read==0&&'avatar-dot']" fit="cover"></el-image>
                 <div class="notice-con" @click="handleGoDetail(item)">
-                    <p style="color:#666;margin:0;font-size:16px">{{item.content_first}}</p>
-                    <p style="color:#333;margin:0;font-size:18px">{{item.content_second}}</p>
+                    <p class="multi-ellipsis" style="color:#666;margin:0;font-size:16px">{{item.content_first}}</p>
+                    <p class="multi-ellipsis" style="color:#333;margin:0;font-size:18px">{{item.content_second}}</p>
                     <div style="color:#666;font-size:16px">{{formatTime(item.create_time)}}</div>
                     <span class="del-btn" @click.stop="handleDelNotice(item,index)">删除该通知</span>
                 </div>
@@ -268,6 +268,7 @@ onMounted(() => {
             .notice-con{
                 flex: 1;
                 position: relative;
+                overflow: hidden;
                 .del-btn{
                     color: #F3A52F;
                     position: absolute;

src/layout/component/Header.vue

@@ -148,7 +148,7 @@ const handleClickBreadCrumb=(item,index)=>{
     </div>
     <div class="flex-col-center userinfo-wrap">
       <!-- 消息 -->
-      <el-popover :width="439" popper-style="box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;">
+      <el-popover trigger="click" :width="439" popper-style="box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;">
         <template #reference>
           <el-badge v-if="userInfo" :value="$store.state.userInfo.un_read" :hidden="$store.state.userInfo.un_read==0">
             <img style="width:28px;height:28px" src="@/assets/icon-notice.png" alt="">