test/MeterSphere
1
0
Fork 0
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git synced 2024-12-02 12:09:13 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style(接口测试): 创建接口时侧边栏添加展开收起

Browse Source
This commit is contained in:
RubyLiu 2023-07-05 11:03:27 +08:00 committed by 刘瑞斌
parent d4e4c8943b
commit 96b875314f
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
api-test/frontend/src/business/definition/components/CustomAsideContainer.vue
View File

@ -1,5 +1,9 @@
<template>
<el-aside width="300px" class="ms-aside-container">
<el-aside width="300px" class="ms-aside-container" :style="{'margin-left': !asideHidden ? 0 : '-300px'}">
<div class="hiddenBottom" @click="asideHidden = !asideHidden">
<i v-if="!asideHidden" class="el-icon-arrow-left"/>
<i v-if="asideHidden" class="el-icon-arrow-right"/>
</div>
<div class="node-tree">
<slot></slot>
</div>
@ -13,6 +17,11 @@ import MsHorizontalDragBar from 'metersphere-frontend/src/components/dragbar/MsL
export default {
name: 'MsAsideContainer',
components: { MsHorizontalDragBar },
data() {
return {
asideHidden: false,
};
},
};
</script>
@ -37,9 +46,8 @@ export default {
.hiddenBottom {
width: 8px;
height: 50px;
/*top: calc((100vh - 80px)/3);*/
top: 33%;
right: -10px;
/*top: 0;*/
line-height: 50px;
border-radius: 0 15px 15px 0;
background-color: #acb7c1;