Commit e8d3ae73 authored by 郭志伟's avatar 郭志伟

feat: 问题修复

parent f31c3783
<template>
<div id="app" class="layout">
<Row type="flex" class="layout-container" v-if="!isDashboard">
<Sider collapsible :collapsed-width="71" style="z-index: 100" ref="sider" v-model="isCollapsed">
<Menu :active-name="activeName" theme="dark" width="auto" :open-names="openNames" accordion @on-select="select" :class="menuitemClasses" ref="menus">
<template v-for="(menu, index) in pageList">
<MenuItem style="background: #001529;" v-if="!isCollapsed" :name="index" :key="menu.name">
<Icon :type="menu.icon"></Icon>
<span class="layout-text">{{ menu.name }}</span>
</MenuItem>
<Tooltip v-else="isCollapsed" :key="menu.name" transfer :content="menu.name" placement="right">
<MenuItem :name="index" :class="[index == activeName ? 'sub-menu-selected' : 'sub-menu-not-selected']">
<Icon :type="menu.icon"></Icon>
<span class="layout-text">{{ menu.name }}</span>
</MenuItem>
</Tooltip>
</template>
</Menu>
</Sider>
<div class="right-content">
<div class="layout-content">
<Spin fix v-show="showLoading">
......@@ -128,12 +111,12 @@ export default {
<style lang="less" scoped>
.layout {
position: absolute;
top: 60Px !important;
top: 0Px !important;
bottom: 0;
border: 0 !important;
border-radius: 0;
background: #f5f7f9;
width: 100%;
width: calc(100% - 200px);
.layout-container {
height: 100%;
flex-flow: row;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment