|
@@ -41,19 +41,9 @@ export default {
|
|
suitHeight(val) {
|
|
suitHeight(val) {
|
|
this.getCurrRoute()
|
|
this.getCurrRoute()
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
- // let height = document.getElementsByClassName('home')[0].clientHeight
|
|
|
|
this.asideStyle = { height: `100%` }
|
|
this.asideStyle = { height: `100%` }
|
|
if (val)
|
|
if (val)
|
|
this.asideStyle.width = '60px'
|
|
this.asideStyle.width = '60px'
|
|
- if (this.collapse) {
|
|
|
|
- document.getElementsByClassName("aside-collapse")[0].style.textAlign = 'center'
|
|
|
|
- document.getElementsByClassName("aside-collapse")[0].style.marginLeft = '0'
|
|
|
|
- this.iconVerticalAlign = '';
|
|
|
|
- } else {
|
|
|
|
- document.getElementsByClassName("aside-collapse")[0].style.textAlign = ''
|
|
|
|
- document.getElementsByClassName("aside-collapse")[0].style.marginLeft = '5%'
|
|
|
|
- this.iconVerticalAlign = 'text-top';
|
|
|
|
- }
|
|
|
|
})
|
|
})
|
|
},
|
|
},
|
|
getCurrRoute() {
|
|
getCurrRoute() {
|
|
@@ -100,16 +90,6 @@ export default {
|
|
mode="inline"
|
|
mode="inline"
|
|
@select="handleSelected"
|
|
@select="handleSelected"
|
|
>
|
|
>
|
|
- <!--<a-menu-item-group key="g1">-->
|
|
|
|
- <!-- <template slot="title">-->
|
|
|
|
- <!-- <div style="height: 12px"></div>-->
|
|
|
|
- <!-- <div class="aside-collapse" style="color: white; cursor: pointer;margin-left: 5%" @click="toggleCollapse">-->
|
|
|
|
- <!-- <a-icon style="font-size: 18px;vertical-align: text-top" type="menu-fold" v-if="!collapse" />-->
|
|
|
|
- <!-- <a-icon style="font-size: 18px;vertical-align: text-top;" type="menu-unfold" v-if="collapse" />-->
|
|
|
|
- <!-- <span style="margin-left: 15px;vertical-align: top" v-if="!collapse">展开/收起</span>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </template>-->
|
|
|
|
- <!--</a-menu-item-group>-->
|
|
|
|
<a-menu-item v-for="item in menuList" :key="item.router" @click="handleClickMenuItem(item)" >
|
|
<a-menu-item v-for="item in menuList" :key="item.router" @click="handleClickMenuItem(item)" >
|
|
<span class="anticon" :style="{verticalAlign: iconVerticalAlign}">
|
|
<span class="anticon" :style="{verticalAlign: iconVerticalAlign}">
|
|
<a-avatar class="function-avatar" shape="square" :size="20" :src="requireImg('function/'+item.icon)"></a-avatar>
|
|
<a-avatar class="function-avatar" shape="square" :size="20" :src="requireImg('function/'+item.icon)"></a-avatar>
|