| | |
| | | <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> |
| | |
| | | } |
| | | } |
| | | .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; |
| | |
| | | margin: 25px 0 25px 30px; |
| | | } |
| | | .container { |
| | | background: #fff; |
| | | margin: 0px 40px 0 30px; |
| | | margin: 0px 0 0 30px; |
| | | padding-right: 40px; |
| | | box-sizing: border-box; |
| | | height: calc(100vh - 84px); |
| | | overflow-y: auto; |