|
|
@@ -153,11 +153,11 @@
|
|
|
|
|
|
<!-- 操作按钮组 -->
|
|
|
<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)">
|
|
|
- <text class="btn-text">🪴 绿植花材</text>
|
|
|
+ <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;
|
