From b417ffcc48caff0f1e177b8445d22683cc9b08af Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 29 十二月 2022 17:02:16 +0800
Subject: [PATCH] 1.角色清单 新增系统变色
---
src/layout/components/Navbar.vue | 90 +++++++++++++++++++++++++-------------------
1 files changed, 51 insertions(+), 39 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 298570f..f5db9f5 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -5,12 +5,24 @@
<breadcrumb class="breadcrumb-container" />
<div class="right-menu">
+
+ <!-- <template v-if="device!=='mobile'">-->
+ <template>
+ <search id="header-search" class="right-menu-item" />
+ <!-- <error-log class="errLog-container right-menu-item hover-effect" />-->
+ <screenfull id="screenfull" class="right-menu-item hover-effect" />
+ <!-- <el-tooltip content="Global Size" effect="dark" placement="bottom">-->
+ <!-- <size-select id="size-select" class="right-menu-item hover-effect" />-->
+ <!-- </el-tooltip>-->
+ </template>
+
<el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper">
<!-- <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">-->
<div style="display: flex;align-items: center;margin-top: -5px">
- <div class="headerImg"><i class="el-icon-user" /></div>
- <div class="headerName">{{ username }}</div>
+
+ <i class="el-icon-user" style="font-weight: bolder;font-size: 18px;margin-right: 5px;color:#A7A7A7" />
+ <div style=" font-size: 18px;font-family: 'Microsoft YaHei';color:#AAAAAA">{{ username }}</div>
</div>
<!-- <i class="el-icon-caret-bottom" />-->
@@ -74,17 +86,22 @@
import Hamburger from '@/components/Hamburger'
import { getCookie } from '@/utils/auth'
import { UpdateUserPassword } from '@/api/user'
+import Search from '@/components/HeaderSearch'
+import Screenfull from '@/components/Screenfull'
const SER_HZ = /^[\u4e00-\u9fa5]+$/
export default {
components: {
Breadcrumb,
- Hamburger
+ Hamburger,
+ Search,
+ Screenfull
},
computed: {
...mapGetters([
'sidebar',
- 'avatar'
+ 'avatar',
+ 'device'
])
},
created() {
@@ -176,6 +193,8 @@
</script>
<style lang="scss" scoped>
+$main_color: #42b983;
+
.navbar {
height: 50px;
overflow: hidden;
@@ -206,6 +225,7 @@
float: right;
height: 100%;
line-height: 50px;
+ display: flex;
&:focus {
outline: none;
@@ -237,14 +257,6 @@
position: relative;
cursor: pointer;
- .headerImg {
- margin: 5px;
- }
-
- .headerName {
- font-weight: bolder;
- }
-
.user-avatar {
cursor: pointer;
width: 60px;
@@ -263,32 +275,32 @@
}
}
- .footerButton {
- display: flex;
- justify-content: end;
- }
-
- ::v-deep .el-button--primary {
- background-color: #42b983 !important;
- height: 30px;
- display: flex;
- align-items: center;
- //border: 1px solid $main_color;
- border: none;
- padding: 0 20px;
- }
-
- ::v-deep .el-button--default {
- background-color: #ffffff !important;
- height: 30px;
- display: flex;
- align-items: center;
- padding: 0 20px;
- }
-
- ::v-deep .el-input__inner {
- height: 30px;
- line-height: 30px;
- }
+ //.footerButton {
+ // display: flex;
+ // justify-content: end;
+ //}
+ //
+ //::v-deep .el-button--primary {
+ // background-color: $main_color !important;
+ // height: 30px;
+ // display: flex;
+ // align-items: center;
+ // //border: 1px solid $main_color;
+ // border: none;
+ // padding: 0 20px;
+ //}
+ //
+ //::v-deep .el-button--default {
+ // background-color: #ffffff !important;
+ // height: 30px;
+ // display: flex;
+ // align-items: center;
+ // padding: 0 20px;
+ //}
+ //
+ //::v-deep .el-input__inner {
+ // height: 30px;
+ // line-height: 30px;
+ //}
}
</style>
--
Gitblit v1.9.3