From fc15f2e904fade9e1505bad70b29829d7d99c124 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 12:04:59 +0800 Subject: [PATCH] 1 --- src/layout/components/userbar.vue | 21 ++++++++++++--------- 1 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue index 209824a..3a0fa40 100644 --- a/src/layout/components/userbar.vue +++ b/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> -- Gitblit v1.9.3