From ff1a2d4986d330c8d44f2fd453607208a6ad4206 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=94=A1=E7=8E=B2?=
 <8702040+cai-ling@user.noreply.gitee.com>
Date: Wed, 16 Oct 2024 13:52:35 +0800
Subject: [PATCH] no message

---
 src/pages/modules/home/index.vue    | 20 +++++++++++++--
 src/pages/modules/home/style.stylus | 38 +++++++++++++++++++++++------
 2 files changed, 49 insertions(+), 9 deletions(-)

diff --git a/src/pages/modules/home/index.vue b/src/pages/modules/home/index.vue
index 31e1a67..5bdefd3 100644
--- a/src/pages/modules/home/index.vue
+++ b/src/pages/modules/home/index.vue
@@ -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>
diff --git a/src/pages/modules/home/style.stylus b/src/pages/modules/home/style.stylus
index 6364571..3378b42 100644
--- a/src/pages/modules/home/style.stylus
+++ b/src/pages/modules/home/style.stylus
@@ -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%);
\ No newline at end of file
+  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;
\ No newline at end of file