liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style：图标更换

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/groupBuyDetails.vue
+30 -4
View File
@@ -140,8 +140,18 @@
{{ detail.price }}</text>
</view>
<view class="bar-actions">
<view class="mini-btn" @click="contactService">联系商家</view>
<view class="buy-btn" @click="bookNow">立即购买</view>
<view class="mini-btn" @click="contactService">
<view>
<u-icon :name="webUrl + '/home/pho.png'"></u-icon>
</view>
<view>联系商家</view>
</view>
<view class="buy-btn" @click="bookNow">
<view>
<u-icon :name="webUrl + '/home/icon-cart.png'" size="24"></u-icon>
</view>
<view>立即购买</view>
</view>
</view>
</view>
<!-- <Calendar ref="calendar"
@@ -475,8 +485,24 @@ export default {
.bottom-bar { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1rpx solid #eee; display: flex; align-items: center; justify-content: space-between; padding: 16rpx 24rpx; }
.total { font-size: 28rpx; color: #111; 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: 132rpx;
font-size: 26rpx;
color: #333;
display: flex;
align-items: center;
}
.buy-btn {
padding: 10rpx 28rpx;
border-radius: 132rpx;
background: #C52733;
color: #fff;
font-size: 26rpx;
display: flex;
align-items: center;
}
.gift-wrap{
position: relative;
}
pkg_product/views/housekeeperDetail.vue
+14 -4
View File
@@ -30,7 +30,9 @@
<view>{{record.name}}</view>
</view>
<view class="share-btn">
<view class="share-icon"></view>
<view class="share-icon v12-primary">
<image :src="webUrl + '/home/share.png'" class="share-icon-image v12-primary" mode="aspectFill" />
</view>
<view>分</view>
<view>享</view>
<view>管</view>
@@ -40,8 +42,8 @@
{{ record.desc }}
</view>
</view>
<view class="v12-mt-3">
<view v-for="tag in record.tags" :key="tag" class="v12-primary-text v12-primary-border v12-radius-100 tag-item">{{ tag }}</view>
<view class="v12-mt-3 v12-align-center">
<view v-for="tag in record.tags" :key="tag" class="v12-primary-text v12-primary-border v12-radius-100 tag-item v12-mr-2">{{ tag }}</view>
</view>
<view class="v12-mt-2 v12-font-24" style="color: #666">
{{ record.intro }}
@@ -74,6 +76,7 @@ export default {
name: 'HousekeeperDetail',
data() {
return {
webUrl: this.$VUE_APP_RESOURCES_URL,
record: {}
}
},
@@ -91,6 +94,11 @@ export default {
</script>
<style lang="less" scoped>
.share-icon-image{
width: 40rpx;
height: 40rpx;
border-radius: 50%;
}
.gg-item{
text-align: center;
width: fit-content;
@@ -294,6 +302,8 @@ export default {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
</style>
pkg_product/views/sojoumOrderDetails.vue
+23 -4
View File
@@ -43,8 +43,18 @@
<view class="verify-title v12-font-28 v12-primary-text">核销码：{{orderInfo.verifyCode}}</view>
<image class="qr-code" :src="orderInfo.verifyQrCode" mode="aspectFit"></image>
<view class="contact-buttons">
<button class="contact-btn merchant-phone" @click="showPhoneDialog('phone')">商家电话</button>
<button class="contact-btn merchant-wechat" @click="showPhoneDialog('wechat')">商家微信</button>
<button class="contact-btn merchant-phone" @click="showPhoneDialog('phone')">
<view>
<u-icon :name="webUrl + '/home/pho.png'" size="18"></u-icon>
</view>
<view>商家电话</view>
</button>
<button class="contact-btn merchant-wechat" @click="showPhoneDialog('wechat')">
<view>
<u-icon :name="webUrl + '/home/wx.png'" size="18"></u-icon>
</view>
<view>商家微信</view>
</button>
</view>
</view>
@@ -139,7 +149,12 @@
<!-- 底部按钮 -->
<view class="bottom-buttons">
<button class="btn customer-service" @click="showPhoneDialog('company')">平台客服</button>
<button class="btn customer-service" @click="showPhoneDialog('company')">
<view>
<u-icon name="account" size="20"></u-icon>
</view>
<view>平台客服</view>
</button>
<view class="v12-align-center" v-if="orderInfo._status && ['1','2'].includes(orderInfo._status._type)">
<button class="btn v12-primary-border v12-primary-text modify-time" @click="modifyStayTime">修改入住时间</button>
<button class="btn v12-primary-border v12-primary-text refund" @click="applyRefund">申请退款</button>
@@ -485,11 +500,13 @@ export default {
margin-top: 30rpx;
.contact-btn {
margin: 0 20rpx;
padding: 0 40rpx;
padding: 0 20rpx;
border-radius: 40rpx;
font-size: 28rpx;
height: 60rpx;
line-height: 60rpx;
display: flex;
align-items: center;
&.merchant-phone {
background-color: #fff;
border: 2rpx solid #333;
@@ -560,6 +577,8 @@ export default {
background-color: #fff;
border: 2rpx solid #333;
color: #333;
display: flex;
align-items: center;
}
&.modify-time {
background-color: #fff;
pkg_product/views/submitOrder.vue
+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>