From b46e6d2306515f94bf77c06e8d80ac76267e3ddb Mon Sep 17 00:00:00 2001 From: gaoshp <291585735@qq.com> Date: 星期日, 02 六月 2024 21:44:23 +0800 Subject: [PATCH] 搜索 --- src/layout/components/userbar.vue | 15 ++++++++------- 1 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue index 209824a..133f4cc 100644 --- a/src/layout/components/userbar.vue +++ b/src/layout/components/userbar.vue @@ -1,16 +1,16 @@ <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-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-drawer title="鏂版秷鎭�" v-model="msg" :size="400" append-to-body destroy-on-close> @@ -21,7 +21,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> @@ -186,7 +186,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 +204,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