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

no message

Browse Source
This commit is contained in:
蔡玲
2024-10-16 13:52:35 +08:00
parent a9b665282e
commit ff1a2d4986
2 changed files with 49 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/modules/home/index.vue
View File

@@ -8,7 +8,11 @@
</div>
<div class="n_body_container">
<div class="n_wraper">
<div class="l_wraper">
<div class="relative l_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="item_wraper">
<div class="title_wraper">
<p>当日生产统计</p>
@@ -40,6 +44,10 @@
</div>
</div>
<div class="relative r_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="absolute status_wrap">
<div class="status_item">
<div class="status_tip green"></div>
@@ -74,7 +82,11 @@
</div>
</div>
<div class="n_wraper">
<div class="l_wraper">
<div class="relative l_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="item_wraper">
<div class="title_wraper">
<p>当日生产统计</p>
@@ -106,6 +118,10 @@
</div>
</div>
<div class="relative r_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="absolute status_wrap">
<div class="status_item">
<div class="status_tip green"></div>

38
src/pages/modules/home/style.stylus
View File

@@ -48,15 +48,16 @@
height 100%
padding 0 4px
background-color #141828
border: 1px solid #0182f7;
border-radius: 6px;
border: 1px solid #0182f7
border 1px solid #0182f7
box-shadow inset 0px 0px 3px 1px #0182f7
.r_wraper
width 760px
height 100%
padding 4px
background-color #141828
border: 1px solid #0182f7;
border-radius: 6px;
border 1px solid #0182f7
box-shadow inset 0px 0px 3px 1px #0182f7
.area_t_a
font-size 14px
color #fff
@@ -85,12 +86,12 @@
width 100%
height 24px
background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat
padding 2px 22px
padding 2px 16px
p
font-size 10px
font-weight: 400;
color: #fff;
line-height 12px
line-height 15px
.content_wraper
width 100%
height calc(100% - 24px)
@@ -255,4 +256,27 @@
width: 16px;
height: 16px;
border-radius: 50%;
border: 4px solid rgba(22, 52, 22, 80%);
border: 4px solid rgba(22, 52, 22, 80%);
.bg_j
width 8px
height 8px
.bg_j_1
border-left: 2px solid #00e6f6;
border-top: 2px solid #00e6f6;
top: -1px;
left: -1px;
.bg_j_2
border-right: 2px solid #00e6f6;
border-top: 2px solid #00e6f6;
top: -1px;
right: -1px;
.bg_j_3
border-left: 2px solid #00e6f6;
border-bottom: 2px solid #00e6f6;
bottom: -1px;
left: -1px;
.bg_j_4
border-right: 2px solid #00e6f6;
border-bottom: 2px solid #00e6f6;
bottom: -1px;
right: -1px;