From 8d6bde5c82047d35114dd0a30d31fb8b30e8da89 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 31 一月 2023 08:53:11 +0800
Subject: [PATCH] 1.系统首页新增鼠标经过放大功能
---
src/layout/components/Navbar.vue | 40 ++++++++++++++++++++++++++++++++++++----
1 files changed, 36 insertions(+), 4 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index bd8c27d..7d7320f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -11,10 +11,27 @@
class="hamburger-container"
@toggleClick="toggleSideBar"
/>
+ <!-- :style="{marginLeft:$store.state.settings.menuIsHorizontal?'50px':'40px'}"-->
+ <!-- :style="{marginLeft:$store.state.settings.menuIsHorizontal?'20px':''}"-->
+
<breadcrumb
class="breadcrumb-container"
- :style="{marginLeft:$store.state.settings.menuIsHorizontal?'20px':''}"
+ :style="{marginLeft:$store.state.settings.menuIsHorizontal?'60px':'40px'}"
/>
+
+ <el-tooltip class="item" effect="dark" content="鍒锋柊椤甸潰" placement="bottom">
+ <div
+ :style="{
+ color:$store.state.settings.headBackgroundColorValue?'#fff':'#000',
+ marginLeft:$store.state.settings.menuIsHorizontal?'10px':'44px',
+ position:'absolute',
+ }"
+ style="padding:0 8px"
+ @click="pageRefreshClick"
+ >
+ <i class="el-icon-refresh-right" style="font-size: 20px;cursor: pointer;line-height:50px" />
+ </div>
+ </el-tooltip>
<el-menu
v-if="$store.state.settings.menuIsHorizontal"
@@ -41,15 +58,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">
@@ -82,6 +103,7 @@
</el-dropdown>
</div>
<el-dialog
+ v-el-drag-dialog
title="淇敼瀵嗙爜"
:visible.sync="dialogVisible"
width="500px"
@@ -117,6 +139,8 @@
</template>
<script>
+import elDragDialog from '@/directive/el-drag-dialog'
+
const SER_HZ = /^[\u4e00-\u9fa5]+$/
import { mapGetters } from 'vuex'
import MenuItemEx from './Sidebar/MenuItemEx'
@@ -136,6 +160,7 @@
Search,
Screenfull
},
+ directives: { elDragDialog },
data() {
const validatePassword1 = (rule, value, callback) => {
if (!value) {
@@ -177,6 +202,9 @@
}
}
},
+ inject: [
+ 'reload'
+ ],
created() {
this.usercode = getCookie('navTabId')
this.username = getCookie('username')
@@ -211,6 +239,10 @@
}
},
methods: {
+ pageRefreshClick() {
+ console.log('鐐瑰嚮浜嗭紒')
+ this.reload()
+ },
handleSelect(key, keyPath) {
// console.log(key, keyPath)
},
--
Gitblit v1.9.3