From 4a8efc53405efe0d20312694d39fbd8184badb39 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期二, 15 八月 2023 17:14:23 +0800
Subject: [PATCH] 8.15提交
---
src/layout/components/Navbar.vue | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index f7aab9a..41a57c4 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,8 +12,7 @@
</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>
+ <a class="user-avatar">{{ '涓ぉ'.slice(0,1) }}</a>
</div>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
<router-link to="/">
@@ -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