详情倒计时样式优化

src/Components/assistingAgriculture/index/ScenicSpots.vue

@@ -90,6 +90,9 @@ defineExpose({ reset });
     padding-left: 20rpx;
     display: flex;
     flex-flow: wrap;
+    overflow: hidden;
+    height: 160rpx;
+    overflow-y: auto;
     li {
       width: 154rpx;
       border-radius: 8rpx;

src/pages/assistingAgriculture/detail/detail.vue

@@ -49,14 +49,16 @@
           </view>
           <wd-count-down
             :time="timeLeft"
-            style="position: absolute; z-index: 999; margin-left: 460rpx; margin-top: 10rpx"
+            style="position: absolute; z-index: 999; left: 440rpx; margin-top: 10rpx"
           >
             <template #default="{ current }">
-              <span class="custom-count-down">{{ current.days }}</span>
+              <span class="custom-count-down">{{ current.days }}天</span>
               <span class="custom-count-down-colon">:</span>
               <span class="custom-count-down">{{ current.hours }}</span>
               <span class="custom-count-down-colon">:</span>
               <span class="custom-count-down">{{ current.minutes }}</span>
+              <span class="custom-count-down-colon">:</span>
+              <span class="custom-count-down">{{ current.seconds }}</span>
             </template>
           </wd-count-down>
         </view>
@@ -360,6 +362,7 @@ page {
   color: #3d3d3d;
   padding-top: 20rpx;
   padding-left: 20rpx;
+  padding-bottom: 40rpx;
 }
 .detail-int {
   width: 336 * 2rpx;
@@ -538,7 +541,7 @@ page {
 }
 .custom-count-down {
   display: inline-block;
-  width: 44rpx;
+  width: 56rpx;
   color: #fa5151;
   font-size: 24rpx;
   text-align: center;