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

fix(测试跟踪): Aside隐藏显示按钮样式问题

This commit is contained in:
song-cc-rock 2023-02-22 23:25:23 +08:00
parent 759b583f57
commit c66dd128ce
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
framework/sdk-parent/frontend/src/assets/module/figma/icon_down-right_outlined.svg
View File

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.85738 4.85729L9.98911 11.989L2.85738 19.1207C2.66212 19.316 2.66212 19.6326 2.85738 19.8279L3.56449 20.535C3.75975 20.7302 4.07634 20.7302 4.2716 20.535L12.1104 12.6961C12.501 12.3056 12.501 11.6724 12.1104 11.2819L4.2716 3.44308C4.07634 3.24782 3.75975 3.24782 3.56449 3.44308L2.85738 4.15018C2.66212 4.34545 2.66212 4.66203 2.85738 4.85729Z" fill="#1F2329"/> <path d="M1.42869 2.42877L4.99456 5.99463L1.42869 9.5605C1.33106 9.65813 1.33106 9.81642 1.42869 9.91405L1.78225 10.2676C1.87988 10.3652 2.03817 10.3652 2.1358 10.2676L6.05522 6.34819C6.25048 6.15292 6.25048 5.83634 6.05522 5.64108L2.1358 1.72166C2.03817 1.62403 1.87988 1.62403 1.78225 1.72166L1.42869 2.07521C1.33106 2.17285 1.33106 2.33114 1.42869 2.42877Z" fill="#646A73"/>
<path d="M11.7431 4.85729L18.8749 11.989L11.7431 19.1207C11.5479 19.316 11.5479 19.6326 11.7431 19.8279L12.4502 20.535C12.6455 20.7302 12.9621 20.7302 13.1573 20.535L20.9962 12.6961C21.3867 12.3056 21.3867 11.6724 20.9962 11.2819L13.1573 3.44308C12.9621 3.24782 12.6455 3.24782 12.4502 3.44308L11.7431 4.15018C11.5479 4.34545 11.5479 4.66203 11.7431 4.85729Z" fill="#1F2329"/> <path d="M5.87156 2.42877L9.43743 5.99463L5.87156 9.5605C5.77393 9.65813 5.77393 9.81642 5.87156 9.91405L6.22512 10.2676C6.32275 10.3652 6.48104 10.3652 6.57867 10.2676L10.4981 6.34819C10.6933 6.15292 10.6933 5.83634 10.4981 5.64108L6.57867 1.72166C6.48104 1.62403 6.32275 1.62403 6.22512 1.72166L5.87156 2.07521C5.77393 2.17285 5.77393 2.33114 5.87156 2.42877Z" fill="#646A73"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 853 B

After

Width:  |  Height:  |  Size: 865 B

6
framework/sdk-parent/frontend/src/assets/module/figma/icon_up-left_outlined.svg
View File

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.2496 19.1354L5.11783 12.0037L12.2496 4.87194C12.4448 4.67668 12.4448 4.36009 12.2496 4.16483L11.5424 3.45773C11.3472 3.26246 11.0306 3.26246 10.8353 3.45773L2.99651 11.2966C2.60598 11.6871 2.60598 12.3203 2.99651 12.7108L10.8353 20.5496C11.0306 20.7449 11.3472 20.7449 11.5424 20.5496L12.2496 19.8425C12.4448 19.6472 12.4448 19.3307 12.2496 19.1354Z" fill="#1F2329"/> <path d="M6.12502 9.56782L2.55916 6.00196L6.12502 2.43609C6.22265 2.33846 6.22265 2.18017 6.12502 2.08254L5.77147 1.72898C5.67384 1.63135 5.51554 1.63135 5.41791 1.72898L1.4985 5.6484C1.30324 5.84367 1.30324 6.16025 1.4985 6.35551L5.41791 10.2749C5.51555 10.3726 5.67384 10.3726 5.77147 10.2749L6.12502 9.92137C6.22265 9.82374 6.22265 9.66545 6.12502 9.56782Z" fill="#646A73"/>
<path d="M21.1497 19.1354L14.018 12.0037L21.1497 4.87194C21.345 4.67668 21.345 4.36009 21.1497 4.16483L20.4426 3.45773C20.2473 3.26246 19.9307 3.26246 19.7355 3.45773L11.8967 11.2966C11.5061 11.6871 11.5061 12.3203 11.8967 12.7108L19.7355 20.5496C19.9307 20.7449 20.2473 20.7449 20.4426 20.5496L21.1497 19.8425C21.345 19.6472 21.345 19.3307 21.1497 19.1354Z" fill="#1F2329"/> <path d="M10.5751 9.56782L7.00923 6.00196L10.5751 2.43609C10.6727 2.33846 10.6727 2.18017 10.5751 2.08254L10.2215 1.72898C10.1239 1.63135 9.96562 1.63135 9.86799 1.72898L5.94857 5.6484C5.75331 5.84367 5.75331 6.16025 5.94857 6.35551L9.86799 10.2749C9.96562 10.3726 10.1239 10.3726 10.2215 10.2749L10.5751 9.92137C10.6727 9.82374 10.6727 9.66545 10.5751 9.56782Z" fill="#646A73"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 860 B

After

Width:  |  Height:  |  Size: 865 B

17
framework/sdk-parent/frontend/src/components/new-ui/MsAsideContainer.vue
View File

@ -7,8 +7,8 @@
// 'height': calHeight, // 'height': calHeight,
}"> }">
<div v-if="!enableAsideHidden" class="hiddenBottom" :style="{'top': hiddenBottomTop ? hiddenBottomTop : 0}" @click="asideHidden = !asideHidden"> <div v-if="!enableAsideHidden" class="hiddenBottom" :style="{'top': hiddenBottomTop ? hiddenBottomTop : 0}" @click="asideHidden = !asideHidden">
<i v-if="!asideHidden" class="el-icon-d-arrow-left"/> <img v-if="!asideHidden" src="/assets/module/figma/icon_up-left_outlined.svg" />
<i v-if="asideHidden" class="el-icon-d-arrow-right"/> <img v-if="asideHidden" src="/assets/module/figma/icon_down-right_outlined.svg" />
</div> </div>
<div style="overflow-x: hidden; padding: 24px 24px 0px 24px;" class="ms-aside-node-tree" :style="{'height': containerCalHeight }"> <div style="overflow-x: hidden; padding: 24px 24px 0px 24px;" class="ms-aside-node-tree" :style="{'height': containerCalHeight }">
<slot></slot> <slot></slot>
@ -121,7 +121,7 @@ export default {
/*top: 0;*/ /*top: 0;*/
line-height: 50px; line-height: 50px;
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
background-color: #acb7c1; background-color: rgba(31, 35, 41, 0.1);;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
@ -138,14 +138,15 @@ export default {
} }
.hiddenBottom:hover { .hiddenBottom:hover {
background-color: #783887; background-color: rgba(31, 35, 41, 0.1);;
opacity: 0.8; opacity: 0.8;
width: 16px; width: 16px;
} }
.hiddenBottom:hover i { img {
margin-left: 0; width: 15px;
color: white; height: 15px;
position: relative;
top: -3px;
} }
</style> </style>