From 091618590e16bc7e3f989944494b49ab6e98b626 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期三, 21 九月 2022 09:50:49 +0800 Subject: [PATCH] 注册、查看、修改组件顶部背景色改为白色 --- src/views/layout/components/Header/index.vue | 38 +++++++++++++++++++------------------- 1 files changed, 19 insertions(+), 19 deletions(-) diff --git a/src/views/layout/components/Header/index.vue b/src/views/layout/components/Header/index.vue index 02def97..04cfe32 100644 --- a/src/views/layout/components/Header/index.vue +++ b/src/views/layout/components/Header/index.vue @@ -1,32 +1,31 @@ <template> <!-- 澶撮儴 --> <el-header> - <!-- 灞曞紑鎺у埗鎸夐挳 --> - <!-- <hamburger :is-active="opened" class="hamburger-container" @toggleClick="toggleSideBar" /> --> - <!-- 鍙充晶鑿滃崟 --> - <div class="header-title"> - <div class="bell"> - <el-icon class="el-icon-bell" style="color: white"></el-icon> + <!-- 鍙充晶鑿滃崟 --> + <div class="header-title"> + <div class="bell"> + <el-icon class="el-icon-bell" style="color: white"></el-icon> + </div> + <div class="userinfo"> + <div class="avatar"></div> + <span class="username">admin</span> + </div> + <div class="loginout" @click="loginout">閫�鍑虹櫥褰�</div> </div> - <div class="userinfo"> - <div class="avatar"></div> - <span class="username">admin</span> - </div> - <div class="loginout">閫�鍑虹櫥褰�</div> - </div> - </el-header> + </el-header> </template> <script> -import hamburger from "@/components/hamburger" export default { - data(){ + data() { return { - opened:false - } + opened: false, + }; }, - components:{ - hamburger + methods:{ + loginout(){ + this.$router.push({path:"/login"}) + } } }; </script> @@ -41,6 +40,7 @@ align-items: center; justify-content: flex-end; padding: 0; + width: 100%; .header-title { display: flex; align-items: center; -- Gitblit v1.8.0