Commit 2afbd796 by 曾经

提示 占用 高度计算

parent 95f020b1
...@@ -49,7 +49,7 @@ export default { ...@@ -49,7 +49,7 @@ export default {
margin-right: 16px; margin-right: 16px;
padding: 8px 10px; padding: 8px 10px;
width: 190px; width: 190px;
height: calc(100vh - 60px); height: calc(100% - 60px);
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.aside-menu-list { .aside-menu-list {
......
<template> <template>
<div> <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> <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> <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%' }"> <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> <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 }"> <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> --> <!-- <router-view v-if="activeBrand" :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view> -->
<keep-alive> <keep-alive>
...@@ -163,7 +163,7 @@ export default { ...@@ -163,7 +163,7 @@ export default {
overflow-x: auto; overflow-x: auto;
.hb-layout-content { .hb-layout-content {
padding-top: 20px; padding-top: 20px;
height: calc(100vh - 60px); height: calc(100% - 60px);
box-sizing: border-box; box-sizing: border-box;
.hb-layout-pager { .hb-layout-pager {
height: 100%; 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