From 32b45ba618dffadd345e8e8fb64baf2ba459ae83 Mon Sep 17 00:00:00 2001
From: hailin <1356886193@qq.com>
Date: 星期三, 19 七月 2023 14:07:47 +0800
Subject: [PATCH] 标准库第二次提交，完成左侧bom
---
src/layout/components/Navbar.vue | 22 +++++++++++++---------
1 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index f7aab9a..060391e 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,6 +1,6 @@
<template>
<div class="navbar">
- <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+ <!-- <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
<!-- <breadcrumb class="breadcrumb-container" /> -->
@@ -12,7 +12,6 @@
</div>
<el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper">
- <!-- <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar"> -->
<a class="user-avatar">{{'涓ぉ'.slice(0,1)}}</a>
</div>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
@@ -33,12 +32,12 @@
<script>
import { mapGetters } from 'vuex'
// import Breadcrumb from '@/components/Breadcrumb'
-import Hamburger from '@/components/Hamburger'
+// import Hamburger from '@/components/Hamburger'
export default {
components: {
// Breadcrumb,
- Hamburger
+ // Hamburger
},
computed: {
...mapGetters([
@@ -65,6 +64,8 @@
position: relative;
background: #fff;
display: flex;
+ border-bottom: 1px solid #f0f2f5;
+ // box-shadow: 0 0 0.857143rem rgba(0, 0, 0, 0.12);
// box-shadow: 0 1px 4px rgba(0,21,41,.08);
.hamburger-container {
@@ -124,22 +125,25 @@
}
.avatar-container {
- margin-right: 30px;
+ margin-right: 24px;
height: 100%;
.avatar-wrapper {
// margin-top: 5px;
+ width: 40px;
height: 100%;
position: relative;
display: flex;
align-items: center;
+ justify-content: center;
.user-avatar {
cursor: pointer;
- width: 40px;
- height: 40px;
+ width: 30px;
+ height: 30px;
+ font-size: 10px;
border-radius: 50%;
- margin-right: 12px;
+ // margin-right: 12px;
background: #0077DB;
- line-height: 40px;
+ line-height: 31px;
text-align: center;
color: #fff;
}
--
Gitblit v1.9.3