From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 18:01:59 +0800 Subject: [PATCH] 问题修复 --- src/pages/shuohuangMonitorAnalyze/index/App.vue | 19 +++++++++++-------- 1 files changed, 11 insertions(+), 8 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/index/App.vue b/src/pages/shuohuangMonitorAnalyze/index/App.vue index 63cf516..1bb1d9a 100644 --- a/src/pages/shuohuangMonitorAnalyze/index/App.vue +++ b/src/pages/shuohuangMonitorAnalyze/index/App.vue @@ -3,7 +3,7 @@ <div class="view-left"> <left-nav :isCollapse="isCollapse" @menuChange="menuChange"></left-nav> </div> - <div class="right"> + <div class="view-right"> <div class="top"> <div class="collapse-trigger" @click="toggleCollapse"> <i :class="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'"></i> @@ -11,12 +11,12 @@ <top-nav></top-nav> </div> - <el-breadcrumb separator-class="el-icon-arrow-right"> + <!-- <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item>{{ breadcrumb }}</el-breadcrumb-item> <el-breadcrumb-item v-if="breadcrumb2">{{ breadcrumb2 }}</el-breadcrumb-item> - </el-breadcrumb> + </el-breadcrumb> --> <div class="container"> <!-- 棣栭〉 --> @@ -216,16 +216,17 @@ } } .main-view { + height: 100%; display: flex; background: #f0f2f5; .view-left { z-index: 2; box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, 0.1); } - .right { + .view-right { flex: 1; + overflow: hidden; .top { - background: #fff; position: relative; .collapse-trigger { position: absolute; @@ -239,10 +240,12 @@ margin: 25px 0 25px 30px; } .container { - background: #fff; - margin: 0px 40px 0 30px; + margin: 0 0 0 30px; + padding: 30px 0; + + padding-right: 30px; box-sizing: border-box; - height: calc(100vh - 84px); + height: calc(100vh - 58px); overflow-y: auto; } } -- Gitblit v1.8.0