样式调整

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. 18
      src/page/index/top/top-menu.vue

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

@ -1,8 +1,14 @@
<template>
<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>
</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>
<div style="display: flex;" v-if="setting.styleRadio == '3'">
<div :class="leftMenu.find(item => item.children) ? 'children' : 'no_child'">
@ -83,7 +89,7 @@ export default {
if(this.setting.styleRadio=='3'){
this.index.openMenu2();
}else{
this.index.openMenu();
this.index.openMenu2();
}
},
methods: {

@ -1,13 +1,14 @@
<template>
<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)">
<template #title>
<i :class="itemHome.source" style="padding-right: 5px"></i>
<span>{{ itemHome.name }}</span>
</template>
</el-menu-item> -->
<template v-for="(item, index) in items" :key="index">
<el-menu-item :index="item.id + ''" @click="openMenu(item)">
<template #title>
@ -77,11 +78,20 @@ export default {
methods: {
openMenu(item) {
console.log('item------------------------', item)
this.index.openMenu2(item);
if(this.setting.styleRadio == '3'||this.setting.styleRadio == '4'){
this.index.openMenu2(item);
}else{
this.index.openMenu(item);
}
this.$store.commit('SET_ACTIVE_INDEX', item.id + '');
},
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);
},
interval() {

Loading…
Cancel
Save