|
@@ -4,10 +4,10 @@
|
|
|
<div class="cursor index menu-hover" @click="handlerIndex">首页</div>
|
|
|
<div class="cursor menu menu-hover" @click="handlerShowMenu">数据接口</div>
|
|
|
<!-- 伸缩按钮 -->
|
|
|
- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
|
|
|
+ <hamburger id="hamburger-container" :is-active="sidebar.opened" v-show="isShowHamBurger" class="hamburger-container"
|
|
|
@toggleClick="toggleSideBar" />
|
|
|
- <top-nav @closeMenuHandler="handlerShowMenu" :isShowMenu="isShowMenu"></top-nav>
|
|
|
- </div>
|
|
|
+ <top-nav @showHamBurger="isShowHamBurger=true" @closeMenuHandler="handlerShowMenu" :isShowMenu="isShowMenu"></top-nav>
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
|
@@ -63,7 +63,11 @@ import RuoYiDoc from '@/components/RuoYi/Doc'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 菜单列表显示、隐藏
|
|
|
isShowMenu: false,
|
|
|
+
|
|
|
+ // 伸缩按钮显示、隐藏
|
|
|
+ isShowHamBurger:false,
|
|
|
routeImgs: [require('@/assets/route_images/u211.svg'), require('@/assets/route_images/u217.svg'), require('@/assets/route_images/u226.svg'), require('@/assets/route_images/u214.svg'), require('@/assets/route_images/u223.svg'), require('@/assets/route_images/u229.svg'), require('@/assets/route_images/u220.svg'), require('@/assets/route_images/u232.svg')],
|
|
|
}
|
|
|
},
|
|
@@ -118,14 +122,27 @@ export default {
|
|
|
},
|
|
|
handlerShowMenu() {
|
|
|
this.isShowMenu = !this.isShowMenu;
|
|
|
- },
|
|
|
- handlerRouteData(item, index) {
|
|
|
+
|
|
|
},
|
|
|
|
|
|
handlerIndex() {
|
|
|
- this.$router.push("/index")
|
|
|
+ this.isShowHamBurger = false;
|
|
|
+ this.$router.push("/")
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
+ watch:{
|
|
|
+ '$route.fullPath':{
|
|
|
+ handler:function(newV,oldV){
|
|
|
+ if(newV == '/index'){
|
|
|
+ this.isShowHamBurger = false;
|
|
|
+ }else{
|
|
|
+ this.isShowHamBurger = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // deep:true,
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|