Style:图标更换

This commit is contained in:
linxi
2025-10-31 16:44:24 +08:00
parent 5c1561fe9e
commit eebe0f217b
8 changed files with 273 additions and 56 deletions
+30 -4
View File
@@ -102,8 +102,18 @@
</text>
</view>
<view class="bar-actions">
<view class="mini-btn" @click="contactMerchant">联系商家</view>
<view class="buy-btn" @click="subscribePay()">立即购买</view>
<view class="mini-btn" @click="contactMerchant">
<view>
<u-icon :name="webUrl + '/home/pho.png'"></u-icon>
</view>
<view>联系商家</view>
</view>
<view class="buy-btn" @click="subscribePay()">
<view>
<u-icon :name="webUrl + '/home/icon-cart.png'" size="24"></u-icon>
</view>
<view>立即购买</view>
</view>
</view>
</view>
@@ -415,7 +425,23 @@ export default {
.total { font-size: 28rpx; color: #111; font-weight: 700; }
.total .highlight { color: #C52733; font-weight: 700; }
.bar-actions { display: flex; gap: 16rpx; }
.mini-btn { padding: 16rpx 22rpx; border: 1rpx solid #ccc; border-radius: 32rpx; font-size: 26rpx; color: #333; }
.buy-btn { padding: 16rpx 28rpx; border-radius: 32rpx; background: #C52733; color: #fff; font-size: 26rpx; }
.mini-btn {
padding: 10rpx 22rpx;
border: 1rpx solid #ccc;
border-radius: 32rpx;
font-size: 26rpx;
color: #333;
display: flex;
align-items: center;
}
.buy-btn {
padding: 10rpx 28rpx;
border-radius: 32rpx;
background: #C52733;
color: #fff;
font-size: 26rpx;
display: flex;
align-items: center;
}
.buy-btn.disabled { background: #ccc; pointer-events: none; }
</style>