1

lzhe

2024-06-05 fc15f2e904fade9e1505bad70b29829d7d99c124

 src/layout/components/userbar.vue

@@ -1,18 +1,19 @@
<template>
   <div class="user-bar">
      <div class="panel-item hidden-sm-and-down" @click="search">
      <!-- <div class="panel-item hidden-sm-and-down" @click="search">
         <el-icon><el-icon-search /></el-icon>
      </div>
      </div> -->
      <div class="screen panel-item hidden-sm-and-down" @click="screen">
         <el-icon><el-icon-full-screen /></el-icon>
      </div>
      <div class="tasks panel-item" @click="tasks">
      <!-- <div class="tasks panel-item" @click="tasks">
         <el-icon><el-icon-sort /></el-icon>
      </div>
      </div> -->
      <div class="msg panel-item" @click="showMsg">
         <el-badge :hidden="msgList.length==0" :value="msgList.length" class="badge" type="danger">
         <el-icon><el-icon-chat-dot-round /></el-icon>
         <!-- <el-badge :hidden="msgList.length==0" :value="msgList.length" class="badge newbadge" type="danger">
            <el-icon><el-icon-chat-dot-round /></el-icon>
         </el-badge>
         </el-badge> -->
         <el-drawer title="新消息" v-model="msg" :size="400" append-to-body destroy-on-close>
            <el-container>
               <el-main class="nopadding">
@@ -21,7 +22,7 @@
                        <li v-for="item in msgList" v-bind:key="item.id">
                           <a :href="item.link" target="_blank">
                              <div class="msg-list__icon">
                                 <el-badge is-dot type="danger">
                                 <el-badge is-dot type="danger" calss="newbadge">
                                    <el-avatar :size="40" :src="item.avatar"></el-avatar>
                                 </el-badge>
                              </div>
@@ -166,7 +167,8 @@
         },
         //显示短消息
         showMsg(){
            this.msg = true
            //this.msg = true
            this.$router.push({path: '/notification/notice/newsmail'});
         },
         //标记已读
         markRead(){
@@ -186,7 +188,7 @@

<style scoped>
   .user-bar {display: flex;align-items: center;height: 100%;}
   .user-bar .panel-item {padding: 0 10px;cursor: pointer;height: 100%;display: flex;align-items: center;}
   .user-bar .panel-item {padding: 0 0 0 10px;cursor: pointer;height: 100%;display: flex;align-items: center;}
   .user-bar .panel-item i {font-size: 16px;}
   .user-bar .panel-item:hover {background: rgba(0, 0, 0, 0.1);}
   .user-bar .user-avatar {height:49px;display: flex;align-items: center;}
@@ -204,4 +206,5 @@
   .dark .msg-list__main h2 {color: #d0d0d0;}
   .dark .msg-list li {border-top:1px solid #363636;}
   .dark .msg-list li a:hover {background: #383838;}
   .newbadge /deep/ .el-badge__content{top: 13px;}
</style>