FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-10-08 10:51:59 +08:00
parent fe2561c7ac
commit f05b214963
1 changed files with 59 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navMenu/index.vue
+9
View File
@@ -9,6 +9,7 @@
</div> </div>
</div> </div>
<div class="toggle-btn iconfont" style="display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar"><div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div>&#xe647;</div> <div class="toggle-btn iconfont" style="display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar"><div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div>&#xe647;</div>
<div class="left-tree">
<el-menu <el-menu
unique-opened unique-opened
:default-active="defaultActive" :default-active="defaultActive"
@@ -62,6 +63,7 @@
</template> </template>
</el-menu> </el-menu>
</div> </div>
</div>
</template> </template>
<script> <script>
import { mapGetters, mapMutations } from 'vuex' import { mapGetters, mapMutations } from 'vuex'
@@ -487,6 +489,13 @@
box-sizing: border-box; box-sizing: border-box;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
background-size: 100% 100%; background-size: 100% 100%;
.left-tree {
height: calc(~'100% - 95px');
overflow-y: auto;
}
.left-tree::-webkit-scrollbar {
display: none;
}
&:not(.is-collapse) { &:not(.is-collapse) {
width: 212px; width: 212px;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);