root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
caill
2023-05-16 11:19:38 +08:00
parent 5b57b00c62
commit ec27133929
1 changed files with 14 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/pages/DeviceMonitor.vue
View File

@@ -503,32 +503,38 @@ export default {
}, },
addPosition (arr) { addPosition (arr) {
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
if (arr.length <= 12) { if (arr.length <= 11) {
arr[i].position = 'position_r_1' arr[i].position = 'position_r_1'
} else if (arr.length === 13) { } else if (arr.length === 12) {
if (i < 1) { if (i < 1) {
arr[i].position = 'position_l_1' arr[i].position = 'position_l_1'
} else { } else {
arr[i].position = 'position_r_1' arr[i].position = 'position_r_1'
} }
} else if (arr.length === 14) { } else if (arr.length === 13) {
if (i < 2) { if (i < 2) {
arr[i].position = 'position_l_1' arr[i].position = 'position_l_1'
} else { } else {
arr[i].position = 'position_r_1' arr[i].position = 'position_r_1'
} }
} else if (arr.length === 15) { } else if (arr.length === 14) {
if (i < 3) { if (i < 3) {
arr[i].position = 'position_l_1' arr[i].position = 'position_l_1'
} else { } else {
arr[i].position = 'position_r_1' arr[i].position = 'position_r_1'
} }
} else if (arr.length === 16) { } else if (arr.length === 15) {
if (i < 4) { if (i < 4) {
arr[i].position = 'position_l_1' arr[i].position = 'position_l_1'
} else { } else {
arr[i].position = 'position_r_1' arr[i].position = 'position_r_1'
} }
} else if (arr.length === 16) {
if (i < 5) {
arr[i].position = 'position_l_1'
} else {
arr[i].position = 'position_r_1'
}
} }
} }
}, },
@@ -617,7 +623,7 @@ export default {
position absolute position absolute
top 0 top 0
z-index 100 z-index 100
_wh(610px, 288px) _wh(474px, 288px)
.foldline .foldline
position absolute position absolute
z-index 102 z-index 102
@@ -626,7 +632,7 @@ export default {
.popver_bg .popver_bg
position absolute position absolute
z-index 101 z-index 101
_wh(500px,288px) _wh(364px,288px)
padding 20px 18px 36px 10px padding 20px 18px 36px 10px
overflow hidden overflow hidden
_bis('../assets/images/popover_1.png') _bis('../assets/images/popover_1.png')
@@ -649,37 +655,8 @@ export default {
.popver_bg .popver_bg
left 0 left 0
top -20px top -20px
.position_1a_l
top 35px
left 80px
transform rotateY(180deg)
.position_1b_l
left 190px
top -20px
// 弹窗在第一行右侧7-9列情况
.position_1a_r
top 35px
left -22px
.position_1b_r
left -505px
top -20px
// 弹窗在第二行左侧1-7列情况
.position_2a_l
top -36px
left 80px
.position_2b_l
left 190px
top -130px
// 弹窗在第二行右侧侧8、9列情况
.position_2a_r
top -36px
left -22px
transform rotateY(180deg)
.position_2b_r
left -505px
top -130px
.popver_block .popver_block
padding 8px 0 0 12px padding 14px 0 0 12px
background top center / 100% 18px url(../assets/images/popover_line.png) no-repeat background top center / 100% 18px url(../assets/images/popover_line.png) no-repeat
_wh(100%,100%) _wh(100%,100%)
overflow hidden overflow hidden