From 400c51252cd123a60db5955de0192450d40fe415 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?zhaobing=E2=80=99?= <zhao.bin@free-sun.com.cn>
Date: Mon, 23 Oct 2023 21:24:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 weapp/pages/home/home.wxml | 47 ++++++++++++++++++++------------------
 weapp/pages/home/home.wxss | 24 +++++++++++++++++++
 2 files changed, 49 insertions(+), 22 deletions(-)

diff --git a/weapp/pages/home/home.wxml b/weapp/pages/home/home.wxml
index 1f3dae8..8012b86 100644
--- a/weapp/pages/home/home.wxml
+++ b/weapp/pages/home/home.wxml
@@ -19,40 +19,43 @@
     </view>
     <!--最近7天统计-->
     <view class="card">
-        最近7天统计
-        <view style="background-image:url('/images/sevenDays.png');width: 100%; height: 99px; background-repeat: no-repeat;display: flex">
+    <text>最近7天统计</text>
+    <view class="image-container">
+        <image src="/images/sevenDays.png" class="background-image"></image>
+        <view class="overlay-content">
+            <image src="/images/check.png" style="width:36px;height:36px;margin-right: 10px;" />
             <view>
-                <image src="/images/check.png" style="width:36px;height:36px;margin:40px 10px 20px 10px" />
-            </view>
-            <view style="margin:40px 10px 20px 10px">
                 <view>巡检次数</view>
                 <view>{{sevenDaysCount}}次</view>
             </view>
         </view>
-        <view style="display: flex; justify-content: space-around;">
-            <view style="margin:10px 0px;">发现问题个数</view>
-            <view style="margin:10px 0px;">{{sevenDaysQuestionCount}}个</view>
-            <view style="margin:10px 0px;">问题处理个数</view>
-            <view style="margin:10px 0px;">{{sevenDaysHandleCount}}个</view>
-        </view>
     </view>
+    <view style="display: flex; justify-content: space-around;">
+        <view style="margin:10px 0px;">发现问题个数</view>
+        <view style="margin:10px 0px;">{{sevenDaysQuestionCount}}个</view>
+        <view style="margin:10px 0px;">问题处理个数</view>
+        <view style="margin:10px 0px;">{{sevenDaysHandleCount}}个</view>
+    </view>
+</view>
     <!--总巡巡检统计-->
     <view class="card">
-        总巡巡检统计
-        <view style="background-image:url('/images/xunjian.png');width: 100%; height: 99px; background-repeat: no-repeat;display: flex;">
+    <text>总巡检统计</text>
+    <view class="image-container">
+        <image src="/images/xunjian.png" class="background-image"></image>
+        <view class="overlay-content">
+            <image src="/images/check.png" style="width:36px;height:36px;margin-right: 10px;" />
             <view>
-                <image src="/images/check.png" style="width:36px;height:36px;margin:40px 10px 20px 10px" />
-            </view>
-            <view style="margin:40px 10px 20px 10px">
                 <view>巡检次数</view>
                 <view>{{allCount}}次</view>
             </view>
         </view>
-        <view style="display: flex; justify-content: space-around;">
-            <view style="margin:10px 0px;">发现问题个数</view>
-            <view style="margin:10px 0px;">{{allQuestionCount}}个</view>
-            <view style="margin:10px 0px;">问题处理个数</view>
-            <view style="margin:10px 0px;">{{allHandleCount}}个</view>
-        </view>
     </view>
+    <view style="display: flex; justify-content: space-around;">
+        <view style="margin:10px 0px;">发现问题个数</view>
+        <view style="margin:10px 0px;">{{allQuestionCount}}个</view>
+        <view style="margin:10px 0px;">问题处理个数</view>
+        <view style="margin:10px 0px;">{{allHandleCount}}个</view>
+    </view>
+</view>
+
 </view>
\ No newline at end of file
diff --git a/weapp/pages/home/home.wxss b/weapp/pages/home/home.wxss
index 98c7946..eb606ca 100644
--- a/weapp/pages/home/home.wxss
+++ b/weapp/pages/home/home.wxss
@@ -14,6 +14,30 @@
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     margin-top: 12px;
 }
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 99px;
+  }
+  
+  .background-image {
+    width: 100%;
+    height: 99px;
+  }
+  
+  .overlay-content {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    /* justify-content: center; */
+    /* flex-direction: column; */
+    /* 其他样式属性，根据需要添加 */
+  }
   .home-swiper {
     width: 95%;
     /* height: 360rpx; */