问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 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;
    }
  }