From 47ab3b599d4765161d4adaf5b9a368429b152845 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期四, 11 四月 2024 14:30:00 +0800
Subject: [PATCH] 添加按钮
---
src/page/index/sidebar/index.vue | 47 +++++++++++++++++++++++++++++------------------
1 files changed, 29 insertions(+), 18 deletions(-)
diff --git a/src/page/index/sidebar/index.vue b/src/page/index/sidebar/index.vue
index 63c1e67..de41a71 100644
--- a/src/page/index/sidebar/index.vue
+++ b/src/page/index/sidebar/index.vue
@@ -1,22 +1,10 @@
<template>
<div class="avue-sidebar">
- <logo/>
+ <logo />
<el-scrollbar style="height:100%">
- <div
- v-if="validatenull(menu)"
- class="avue-sidebar--tip">娌℃湁鍙戠幇鑿滃崟</div>
- <el-menu
- :default-active="nowTagValue"
- :show-timeout="200"
- :collapse="keyCollapse"
- unique-opened
- mode="vertical">
- <sidebar-item
- :menu="menu"
- :screen="screen"
- :props="website.menu.props"
- :collapse="keyCollapse"
- first/>
+ <div v-if="validatenull(menu)" class="avue-sidebar--tip">娌℃湁鍙戠幇鑿滃崟</div>
+ <el-menu :default-active="nowTagValue" :show-timeout="200" :collapse="keyCollapse" unique-opened mode="vertical">
+ <sidebar-item :menu="filterMenu" :screen="screen" :props="website.menu.props" :collapse="keyCollapse" first />
</el-menu>
</el-scrollbar>
</div>
@@ -28,17 +16,40 @@
import sidebarItem from './sidebarItem'
export default {
name: 'Sidebar',
+ data(){
+ return {
+ collapse: false
+ }
+ },
inject: ["Index"],
components: { sidebarItem, logo },
created() {
this.Index.openMenu(this.menuId);
+ // console.log(window.innerWidth);
+ // if(window.innerWidth <= 768){
+ // this.collapse = true
+ // this.$store.commit('SET_COLLAPSE')
+ // }
},
+ // watch:{
+ // 'window.innerWidth':{
+ // handler(newVal){
+ // console.log(newVal);
+ // },
+ // deep: true
+ // }
+ // },
computed: {
...mapGetters(['website', 'menu', 'tag', 'keyCollapse', 'screen']),
- nowTagValue: function() {
+ filterMenu: function(){
+ return this.menu.filter(ele=>{
+ return ele.children.length > 0
+ })
+ },
+ nowTagValue: function () {
return this.$router.$avueRouter.getValue(this.$route)
}
- }
+ },
}
</script>
--
Gitblit v1.9.3