test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

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> <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"> <div class="node-tree">
<slot></slot> <slot></slot>
</div> </div>
@ -13,6 +17,11 @@ import MsHorizontalDragBar from 'metersphere-frontend/src/components/dragbar/MsL
export default { export default {
name: 'MsAsideContainer', name: 'MsAsideContainer',
components: { MsHorizontalDragBar }, components: { MsHorizontalDragBar },
data() {
return {
asideHidden: false,
};
},
}; };
</script> </script>
@ -37,9 +46,8 @@ export default {
.hiddenBottom { .hiddenBottom {
width: 8px; width: 8px;
height: 50px; height: 50px;
/*top: calc((100vh - 80px)/3);*/ top: 33%;
right: -10px; right: -10px;
/*top: 0;*/
line-height: 50px; line-height: 50px;
border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0;
background-color: #acb7c1; background-color: #acb7c1;