From 2ae96b796658f5507326c48e4b25bbbe80b38dfe Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 30 一月 2023 17:03:59 +0800
Subject: [PATCH] 1.优化导航栏
---
src/layout/components/Navbar.vue | 27 +++++++++++++++++++++++----
src/components/PageRefresh/PageRefresh.vue | 16 ++++++++++++++++
2 files changed, 39 insertions(+), 4 deletions(-)
diff --git a/src/components/PageRefresh/PageRefresh.vue b/src/components/PageRefresh/PageRefresh.vue
new file mode 100644
index 0000000..9e06760
--- /dev/null
+++ b/src/components/PageRefresh/PageRefresh.vue
@@ -0,0 +1,16 @@
+<!--椤甸潰鍒锋柊鍔熻兘缁勪欢 鏆備笉寮�鍙� 鏈夐渶姹備簡鍐嶅紑鍙�-->
+<template>
+ <div>
+ <i class="el-icon-refresh-right" style="font-size: 20px;cursor: pointer;line-height:50px" />
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'PageRefresh'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index c39fcd7..3f7e36f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -11,10 +11,23 @@
class="hamburger-container"
@toggleClick="toggleSideBar"
/>
+ <!-- :style="{marginLeft:$store.state.settings.menuIsHorizontal?'50px':'40px'}"-->
<breadcrumb
class="breadcrumb-container"
:style="{marginLeft:$store.state.settings.menuIsHorizontal?'20px':''}"
/>
+
+ <!--椤甸潰鍒锋柊鍔熻兘 鏆備笉寮�鍙� 鏈夐渶姹備簡鍐嶅紑鍙�-->
+ <!-- <el-tooltip class="item" effect="dark" content="鍒锋柊椤甸潰" placement="bottom">-->
+ <!-- <PageRefresh-->
+ <!-- :style="{-->
+ <!-- color:$store.state.settings.headBackgroundColorValue?'#fff':'#000',-->
+ <!-- marginLeft:$store.state.settings.menuIsHorizontal?'20px':'50px'-->
+ <!-- }"-->
+ <!-- style="position: absolute;"-->
+ <!-- @click="pageRefreshClick"-->
+ <!-- />-->
+ <!-- </el-tooltip>-->
<el-menu
v-if="$store.state.settings.menuIsHorizontal"
@@ -41,15 +54,19 @@
<!-- <template v-if="device!=='mobile'">-->
<template>
- <search id="header-search" class="right-menu-item" />
+ <el-tooltip class="item" effect="dark" content="鑿滃崟鎼滅储" placement="bottom">
+ <search id="header-search" class="right-menu-item" />
+ </el-tooltip>
<!-- <error-log class="errLog-container right-menu-item hover-effect" />-->
- <screenfull id="screenfull" class="right-menu-item hover-effect" />
+ <el-tooltip class="item" effect="dark" content="鍏ㄥ睆" placement="bottom">
+ <screenfull id="screenfull" class="right-menu-item hover-effect" />
+ </el-tooltip>
<!-- <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">
+ <el-dropdown class="avatar-container" trigger="hover">
<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">
@@ -130,6 +147,7 @@
import Search from '@/components/HeaderSearch'
import Screenfull from '@/components/Screenfull'
import variables from '@/styles/variables.scss'
+import PageRefresh from '@/components/PageRefresh/PageRefresh'
export default {
components: {
@@ -137,7 +155,8 @@
Breadcrumb,
Hamburger,
Search,
- Screenfull
+ Screenfull,
+ PageRefresh
},
directives: { elDragDialog },
data() {
--
Gitblit v1.9.3