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>
<div class="n_body_container"> <div class="n_body_container">
<div class="n_wraper"> <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="item_wraper">
<div class="title_wraper"> <div class="title_wraper">
<p>当日生产统计</p> <p>当日生产统计</p>
@@ -40,6 +44,10 @@
</div> </div>
</div> </div>
<div class="relative r_wraper"> <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="absolute status_wrap">
<div class="status_item"> <div class="status_item">
<div class="status_tip green"></div> <div class="status_tip green"></div>
@@ -74,7 +82,11 @@
</div> </div>
</div> </div>
<div class="n_wraper"> <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="item_wraper">
<div class="title_wraper"> <div class="title_wraper">
<p>当日生产统计</p> <p>当日生产统计</p>
@@ -106,6 +118,10 @@
</div> </div>
</div> </div>
<div class="relative r_wraper"> <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="absolute status_wrap">
<div class="status_item"> <div class="status_item">
<div class="status_tip green"></div> <div class="status_tip green"></div>

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

@@ -48,15 +48,16 @@
height 100% height 100%
padding 0 4px padding 0 4px
background-color #141828 background-color #141828
border: 1px solid #0182f7; border: 1px solid #0182f7
border-radius: 6px; border 1px solid #0182f7
box-shadow inset 0px 0px 3px 1px #0182f7
.r_wraper .r_wraper
width 760px width 760px
height 100% height 100%
padding 4px padding 4px
background-color #141828 background-color #141828
border: 1px solid #0182f7; border 1px solid #0182f7
border-radius: 6px; box-shadow inset 0px 0px 3px 1px #0182f7
.area_t_a .area_t_a
font-size 14px font-size 14px
color #fff color #fff
@@ -85,12 +86,12 @@
width 100% width 100%
height 24px height 24px
background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat
padding 2px 22px padding 2px 16px
p p
font-size 10px font-size 10px
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
line-height 12px line-height 15px
.content_wraper .content_wraper
width 100% width 100%
height calc(100% - 24px) height calc(100% - 24px)
@@ -256,3 +257,26 @@
height: 16px; height: 16px;
border-radius: 50%; 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;