Commit 2afbd796 by 曾经

提示 占用 高度计算

parent 95f020b1
......@@ -49,7 +49,7 @@ export default {
margin-right: 16px;
padding: 8px 10px;
width: 190px;
height: calc(100vh - 60px);
height: calc(100% - 60px);
box-sizing: border-box;
overflow-y: auto;
.aside-menu-list {
......
<template>
<div>
<div class="hb-layout" v-loading="fullLoading.visible">
<notice @showNotice="_ => (isShowNotice = _)" />
<div class="hb-layout" :style="{ height: isShowNotice ? 'calc(100vh - 42px)' : '100vh' }" v-loading="fullLoading.visible">
<main-menu ref="mainMenu" :menu-list="menuList" :actived-code="activedMenu.length > 0 ? activedMenu[0].menuCode : ''" @showLoading="onShowLoading"></main-menu>
<aside-menu v-show="showAside" :menu-list="activedMenu.length > 0 ? activedMenu[0].childList : []" :actived-code="activedMenu.length > 2 ? activedMenu[2].menuCode : ''"></aside-menu>
<div class="hb-layout-content" :style="{ width: showAside ? 'calc(100% - 206px)' : '100%' }">
<bread-menu v-if="activedMenu.length > 3" :menu-list="activedMenu.slice(2)"></bread-menu>
<div class="hb-layout-pager" id="hb-layout-pager-one" :style="{ height: activedMenu.length > 3 ? `calc(100% - 30px)` : '100%', 'padding-bottom': pagePaddingBottom }">
<notice @showNotice="_ => (isShowNotice = _)" />
<!-- 页面内容 -->
<!-- <router-view v-if="activeBrand" :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view> -->
<keep-alive>
......@@ -163,7 +163,7 @@ export default {
overflow-x: auto;
.hb-layout-content {
padding-top: 20px;
height: calc(100vh - 60px);
height: calc(100% - 60px);
box-sizing: border-box;
.hb-layout-pager {
height: 100%;
......
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