From fefe4a3011fb472788abb2e7ffdbbc5a4f58623c Mon Sep 17 00:00:00 2001 From: charles <981744753@qq.com> Date: 星期三, 05 六月 2024 14:10:16 +0800 Subject: [PATCH] feat:更新ui界面 --- src/views/home/components/topNav.vue | 20 +++++++++++++++++--- 1 files changed, 17 insertions(+), 3 deletions(-) diff --git a/src/views/home/components/topNav.vue b/src/views/home/components/topNav.vue index 018f603..aa03210 100644 --- a/src/views/home/components/topNav.vue +++ b/src/views/home/components/topNav.vue @@ -7,8 +7,13 @@ <i class="el-icon-bell"></i> </div> <div class="user-area" > - <el-avatar size="small" :src="pic"></el-avatar> - <span class="name">寮犱笁</span> + <el-dropdown placement="bottom" @command="clickItem"> + <el-avatar size="small" :src="pic"></el-avatar> + <el-dropdown-menu slot="dropdown"> + <el-dropdown-item command="logout">閫�鍑虹櫥褰�</el-dropdown-item> + </el-dropdown-menu> + </el-dropdown> + <span class="name">admin</span> </div> </div> </template> @@ -18,9 +23,18 @@ export default { data(){ return { - } }, + methods:{ + clickItem(item){ + if(item==='logout'){ + this.$message.success('閫�鍑虹郴缁熸垚鍔�'); + setTimeout(()=>{ + this.$router.push('/login'); + },1000); + } + } + }, computed:{ pic(){ return `${publicPath}images/audio/u73.jpg` -- Gitblit v1.8.0