feat:首页样式修改

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>

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; */