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

样式

Browse Source
This commit is contained in:
caill
2024-07-12 13:46:26 +08:00
parent 151d934ade
commit 78c5b90154
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/reset.css
View File

@@ -144,3 +144,9 @@ div, p {
.jccenter { .jccenter {
justify-content: center; justify-content: center;
} }
.popshow {
transform: translateY(0);
}
.pophide {
transform: translateY(100%);
}

9
src/pages/board.vue
View File

@@ -7,7 +7,7 @@
<div class="zd-row jccenter yj_name">{{ e.point_code }}</div> <div class="zd-row jccenter yj_name">{{ e.point_code }}</div>
<div class="yj_info_wraper"> <div class="yj_info_wraper">
<div class="zd-row flexcol jccenter yj_info"> <div class="zd-row flexcol jccenter yj_info">
<div class="yj_info_p1">{{ e.point_status }}</div> <div class="yj_info_p1">{{ ['待机', '生产中', '故障'][Number(e.point_status) - 1] }}</div>
<div class="yj_info_p2">压机状态</div> <div class="yj_info_p2">压机状态</div>
</div> </div>
<div class="zd-row flexcol jccenter yj_info"> <div class="zd-row flexcol jccenter yj_info">
@@ -392,19 +392,23 @@ footer
background center / 100% 100% url(../assets/images/screen1/item_4.png) no-repeat background center / 100% 100% url(../assets/images/screen1/item_4.png) no-repeat
.yj_info_wraper .yj_info_wraper
height calc(100% - .45rem) height calc(100% - .45rem)
padding .1rem padding 0 .1rem
.yj_info .yj_info
height calc(100% / 6) height calc(100% / 6)
background center bottom / 100% 3px url(../assets/images/screen1/line_1.png) no-repeat background center bottom / 100% 3px url(../assets/images/screen1/line_1.png) no-repeat
&:last-child
background transparent
.yj_info_p1 .yj_info_p1
width 100% width 100%
font-size: .18rem; font-size: .18rem;
line-height: .18rem; line-height: .18rem;
height: .18rem;
color: #FFFFFF; color: #FFFFFF;
letter-spacing: 1.88px; letter-spacing: 1.88px;
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
margin-bottom: 8px; margin-bottom: 8px;
overflow: hidden;
.yj_info_p2 .yj_info_p2
width 100% width 100%
font-size: .14rem font-size: .14rem
@@ -435,7 +439,6 @@ footer
.left_wrap .left_wrap
width 30% width 30%
height 100% height 100%
margin-right .32rem
background-color rgba(6,11,24,0.70) background-color rgba(6,11,24,0.70)
.right_wrap .right_wrap
width calc(70% - .32rem) width calc(70% - .32rem)