|
|
@@ -18,9 +18,13 @@
|
|
|
</view>
|
|
|
<view class="tui-pro-titbox">
|
|
|
<view class="tui-pro-title app-size-32">{{ data.name }}</view>
|
|
|
- <view class="share-button" @click="shareFn">
|
|
|
+ <button
|
|
|
+ open-type="share"
|
|
|
+ class="share-button"
|
|
|
+ @click="shareFn"
|
|
|
+ >
|
|
|
<i class="iconfont iconfenxiang"></i>
|
|
|
- </view>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
<view class="shop-express app-color-3">
|
|
|
<view>线下门店</view>
|
|
|
@@ -257,19 +261,24 @@ export default {
|
|
|
justify-content: center;
|
|
|
width: 112upx;
|
|
|
height: 56upx;
|
|
|
- background: #f0f2f5;
|
|
|
+ background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
|
|
|
border-radius: 12upx;
|
|
|
- border: 1upx solid #e4e7ed;
|
|
|
- transition: all 0.2s ease;
|
|
|
+ border: 1upx solid #e1e5e9;
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.08);
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
|
|
|
&:active {
|
|
|
transform: scale(0.95);
|
|
|
- background: #e4e7ed;
|
|
|
+ background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
|
|
+ box-shadow: 0 1upx 4upx rgba(0, 0, 0, 0.12);
|
|
|
}
|
|
|
|
|
|
.iconfont {
|
|
|
font-size: 28upx;
|
|
|
- color: #606266;
|
|
|
+ color: #4a5568;
|
|
|
+ text-shadow: 0 1upx 2upx rgba(255, 255, 255, 0.8);
|
|
|
}
|
|
|
}
|
|
|
}
|
