From a49a2ba1e95365f5cde4742f211165c26089aa74 Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Thu, 20 Jun 2024 13:33:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=92=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/modules/home/left.vue | 42 +++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/pages/modules/home/left.vue b/src/pages/modules/home/left.vue
index 06f531a..8c8e675 100644
--- a/src/pages/modules/home/left.vue
+++ b/src/pages/modules/home/left.vue
@@ -52,26 +52,34 @@
         </div>
         <div class="zd-row flexWrap hw_wrap">
           <div class="hw_item" v-for="e in point2" :key="e.point_code">
-            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            <div class="hw_item_i">
+              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            </div>
           </div>
         </div>
         <div class="zd-row flexWrap hw_wrap">
           <div class="hw_item" v-for="e in point3" :key="e.point_code">
-            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            <div class="hw_item_i">
+              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            </div>
           </div>
         </div>
         <div class="zd-row flexWrap hw_wrap">
           <div class="hw_item" v-for="e in point4" :key="e.point_code">
-            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            <div class="hw_item_i">
+              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            </div>
           </div>
         </div>
         <div class="zd-row flexWrap hw_wrap">
           <div class="hw_item" v-for="e in point5" :key="e.point_code">
-            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            <div class="hw_item_i">
+              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            </div>
           </div>
         </div>
       </div>
@@ -81,8 +89,10 @@
       <div class="zd-col-12 hwpl_wrap_2">
         <div class="zd-row flexWrap rowReverse">
           <div class="hw_item" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}">
-            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            <div class="hw_item_i">
+              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
+            </div>
           </div>
         </div>
       </div>
@@ -405,18 +415,24 @@ export default {
   _wh(.58rem, .545rem)
   padding 0.14rem 0.01rem 0 0.01rem
   margin-bottom .04rem
-  // background center / 100% 100% url('../../../images/bg-hw.png') no-repeat
   border-radius 4px
   background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
   border 4px solid rgba(42, 189, 251, 50%)
   overflow hidden
+.hw_item_i
+  _wh(100%, 100%)
+  background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
+  background-size 12px 12px
+  background-repeat repeat
 .hw_item_active
-  // background-image url('../../../images/bg-hw_active.png')
   background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
   border 4px solid #B55F4E
+  .hw_item_i
+    background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
 .hw_p1
   _font(.09rem, .09rem,#EFF2FF,,)
-  font-family: 'YouSheBiaoTiHei'
+  // font-family: 'YouSheBiaoTiHei'
+  font-family: "SourceHanSansCN-Bold";
   height .09rem
   margin-bottom: 0.05rem
   text-shadow: 0px 1px 1px #A0D4FF;