From affe2b63e194ccdf8e6fbb2dffb6f47b8f12896c Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:07:02 +0800
Subject: [PATCH] 浮动隐藏菜单栏
---
src/page/index/index.vue | 12 +++++++++---
1 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/page/index/index.vue b/src/page/index/index.vue
index 4804156..5a7a108 100644
--- a/src/page/index/index.vue
+++ b/src/page/index/index.vue
@@ -1,15 +1,15 @@
<template>
<div class="avue-contail" :class="{ 'avue--collapse': isCollapse }">
- <div class="avue-header">
+ <div class="avue-header" @mouseenter="enterMain">
<!-- 顶部导航栏 -->
<top ref="top" />
</div>
<div class="avue-layout">
- <div class="avue-left">
+ <div class="avue-left" @mouseenter="enter">
<!-- 左侧导航栏 -->
<sidebar />
</div>
- <div class="avue-main">
+ <div class="avue-main" @mouseenter="enterMain">
<!-- 顶部标签卡 -->
<tags />
<transition name="fade-scale">
@@ -83,6 +83,12 @@
]),
props: [],
methods: {
+ enter() {
+ this.$store.commit("SET_COLLAPSE", false);
+ },
+ enterMain() {
+ this.$store.commit("SET_COLLAPSE", true);
+ },
showCollapse() {
this.$store.commit("SET_COLLAPSE");
},
--
Gitblit v1.9.3