feat: 样式修改

pages/plant-detail/edit/index.wxss

@@ -5,7 +5,7 @@ page {
 }
 
 .add-plant-page {
-    background-color: #F5F7F5;
+    background-color: #F4F6F0;
     height: 100vh;
     display: flex;
     flex-direction: column;
@@ -15,7 +15,7 @@ page {
 .page-content {
     height: calc(100vh - 140rpx - env(safe-area-inset-bottom));
     padding: 24rpx 32rpx;
-    background: #F5F7F5;
+    background: #F4F6F0;
     box-sizing: border-box;
 }
 

pages/plant-detail/index.wxml

@@ -17,9 +17,9 @@
       />
       <view class="header-gradient"></view>
       
-      <!-- Custom Carousel Indicators -->
-      <view class="carousel-indicators">
-        <view wx:for="{{swiperImages}}" wx:key="index" class="carousel-dot {{index === activeImageIndex ? 'active' : ''}}"></view>
+      <!-- Image Counter -->
+      <view class="carousel-counter" wx:if="{{swiperImages.length > 0}}">
+        <text>{{activeImageIndex + 1}} / {{swiperImages.length}}</text>
       </view>
     </view>
     

pages/plant-detail/index.wxss

@@ -56,29 +56,21 @@ page {
   z-index: 10;
 }
 
-/* Carousel Indicators */
-.carousel-indicators {
+/* Image Counter Badge */
+.carousel-counter {
   position: absolute;
   bottom: 100rpx;
   right: 48rpx;
-  display: flex;
-  gap: 12rpx;
+  background: rgba(0, 0, 0, 0.45);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+  color: white;
+  font-size: 22rpx;
+  font-weight: 600;
+  padding: 6rpx 18rpx;
+  border-radius: 12rpx;
   z-index: 30;
-}
-
-.carousel-dot {
-  width: 12rpx;
-  height: 12rpx;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.4);
-  transition: all 0.3s;
-  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
-}
-
-.carousel-dot.active {
-  background: white;
-  width: 24rpx;
-  border-radius: 8rpx;
+  letter-spacing: 2rpx;
 }
 
 .header-info {