更换样式

mallApp/src/pages/home/recent.vue

@@ -153,10 +153,10 @@
 
             <!-- 操作按钮组 -->
             <view class="action-buttons">
-              <view class="action-btn secondary" :class="{ disabled: item.openShop === 0 }" @click.stop="hs(item)">
+              <view class="action-btn secondary bouquet" :class="{ disabled: item.openShop === 0 }" @click.stop="hs(item)">
                 <text class="btn-text">💐 花束</text>
               </view>
-              <view class="action-btn secondary" :class="{ disabled: item.openShop === 0 }" @click.stop="bug(item)">
+              <view class="action-btn secondary plant" :class="{ disabled: item.openShop === 0 }" @click.stop="bug(item)">
                 <text class="btn-text">🌷 绿植花材</text>
               </view>
             </view>
@@ -874,6 +874,28 @@ page {
         background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
         flex: 1.1;
 
+        &.bouquet {
+          background: linear-gradient(135deg, #fff0f6 0%, #ffd1e1 100%);
+          border: 1upx solid #f5a3be;
+          box-shadow: 0 4upx 12upx rgba(199, 72, 118, 0.18);
+
+          .btn-text {
+            color: #b83265;
+            text-shadow: none;
+          }
+        }
+
+        &.plant {
+          background: linear-gradient(135deg, #e9f8ee 0%, #bfe8cc 100%);
+          border: 1upx solid #8bd39f;
+          box-shadow: 0 4upx 12upx rgba(46, 125, 78, 0.18);
+
+          .btn-text {
+            color: #1f7a3d;
+            text-shadow: none;
+          }
+        }
+
         &.disabled {
           background: linear-gradient(135deg, #ccc 0%, #999 100%);
           opacity: 0.6;