样式调整

menu_style
zhangdi 3 months ago
parent 6d133b8014
commit 9c30ff9d88
  1. 1
      src/page/index/index.vue
  2. 10
      src/page/index/sidebar/index.vue
  3. 14
      src/page/index/top/top-menu.vue

@ -130,6 +130,7 @@ export default {
if (data.length !== 0) { if (data.length !== 0) {
this.$router.$avueRouter.formatRoutes(data, true); this.$router.$avueRouter.formatRoutes(data, true);
} }
// //
/*if (!this.validatenull(item)) { /*if (!this.validatenull(item)) {
let itemActive = {}, let itemActive = {},

@ -1,8 +1,14 @@
<template> <template>
<el-menu unique-opened :default-active="activeMenu" :mode="setting.sidebar" :collapse="isCollapse" <el-menu unique-opened :default-active="activeMenu" :mode="setting.sidebar" :collapse="isCollapse"
v-if="setting.styleRadio == '1'||setting.styleRadio == '4'"> v-if="setting.styleRadio == '1'">
<sidebar-item :menu="menu"></sidebar-item> <sidebar-item :menu="menu"></sidebar-item>
</el-menu> </el-menu>
<el-menu unique-opened :default-active="activeMenu" :mode="setting.sidebar" :collapse="isCollapse"
v-if="setting.styleRadio == '4'">
<sidebar-item :menu="leftMenu"></sidebar-item>
</el-menu>
<left-menu :menulist="menu" v-if="setting.styleRadio == '2'"></left-menu> <left-menu :menulist="menu" v-if="setting.styleRadio == '2'"></left-menu>
<div style="display: flex;" v-if="setting.styleRadio == '3'"> <div style="display: flex;" v-if="setting.styleRadio == '3'">
<div :class="leftMenu.find(item => item.children) ? 'children' : 'no_child'"> <div :class="leftMenu.find(item => item.children) ? 'children' : 'no_child'">
@ -83,7 +89,7 @@ export default {
if(this.setting.styleRadio=='3'){ if(this.setting.styleRadio=='3'){
this.index.openMenu2(); this.index.openMenu2();
}else{ }else{
this.index.openMenu(); this.index.openMenu2();
} }
}, },
methods: { methods: {

@ -1,6 +1,7 @@
<template> <template>
<div> <div>
<el-menu class="top-menu" :default-active="activeIndex" mode="horizontal" text-color="#333" ellipsis style="width: 900px"> <el-menu class="top-menu" :default-active="activeIndex" mode="horizontal" text-color="#333" ellipsis
style="width: 900px">
<!-- <el-menu-item index="0" @click="openHome(itemHome)"> <!-- <el-menu-item index="0" @click="openHome(itemHome)">
<template #title> <template #title>
<i :class="itemHome.source" style="padding-right: 5px"></i> <i :class="itemHome.source" style="padding-right: 5px"></i>
@ -77,11 +78,20 @@ export default {
methods: { methods: {
openMenu(item) { openMenu(item) {
console.log('item------------------------', item) console.log('item------------------------', item)
if(this.setting.styleRadio == '3'||this.setting.styleRadio == '4'){
this.index.openMenu2(item); this.index.openMenu2(item);
}else{
this.index.openMenu(item);
}
this.$store.commit('SET_ACTIVE_INDEX', item.id + ''); this.$store.commit('SET_ACTIVE_INDEX', item.id + '');
}, },
openHome(itemHome) { openHome(itemHome) {
this.index.openMenu(itemHome); // if(this.setting.styleRadio == '3'){
// this.index.openMenu2(item);
// }else{
this.index.openMenu(item);
// }
this.$router.push(this.tagWel); this.$router.push(this.tagWel);
}, },
interval() { interval() {

Loading…
Cancel
Save