1.支付方式选择新增钱包金额展示

master
sws 2023-11-02 10:34:10 +08:00
parent ded6e7f833
commit 4b916ba160
4 changed files with 20 additions and 13 deletions

View File

@ -35,6 +35,7 @@
<view class="flex-1">
<image v-if="(item.logo || null) != null" class="icon va-m margin-right-sm" :src="item.logo" mode="widthFix"></image>
<text class="va-m">{{ item.name }}</text>
<text v-if="(item.tips || null) !== null" class="va-m cr-red">{{ item.tips }}</text>
</view>
<iconfont :name="payment_id == item.id ? 'icon-zhifu-yixuan' : 'icon-zhifu-weixuan'" size="44rpx" :color="payment_id == item.id ? '#E22C08' : '#ccc'"></iconfont>
<!-- <iconfont v-else name="icon-qiandao-tancguanbi" size="44rpx" color="#ccc"></iconfont> -->
@ -669,20 +670,16 @@
.payment-price {
font-size: 80rpx;
}
.payment-list .scroll-y {
max-height: 430rpx;
}
.payment-list .item {
padding: 28rpx 28rpx 28rpx 32rpx;
}
.payment-list .item-content image {
width: 50rpx;
height: 50rpx !important;
}
.payment-sub {
padding: 86rpx 90rpx 24rpx 90rpx;
}

View File

@ -105,6 +105,20 @@
height: 50rpx !important;
}
.pay-tips {
height: 32rpx;
line-height: 32rpx;
display: inline-block;
position: absolute;
top: -20rpx;
right: 0;
color: #fff;
padding: 0 12rpx;
border-radius: 16rpx 0 16rpx 0;
font-size: 20rpx;
background: #D8D8D8 linear-gradient(107deg, #FC6F31 0%, #E22C08 100%);
}
/**
*
*/

View File

@ -71,13 +71,7 @@
</view>
<!-- 优惠劵 -->
<view
v-if="
(plugins_coupon_data || null) != null &&
(plugins_coupon_data[index] || null) != null &&
(plugins_coupon_data[index].coupon_data || null) != null &&
(plugins_coupon_data[index].coupon_data.coupon_list || null) != null &&
plugins_coupon_data[index].coupon_data.coupon_list.length > 0
"
v-if="(plugins_coupon_data || null) != null && (plugins_coupon_data[index] || null) != null && (plugins_coupon_data[index].coupon_data || null) != null && (plugins_coupon_data[index].coupon_data.coupon_list || null) != null && plugins_coupon_data[index].coupon_data.coupon_list.length > 0"
class="buy-data-item buy-data-item-group arrow-right"
:data-index="index"
@tap="plugins_coupon_open_event"
@ -163,10 +157,11 @@
<!-- 支付方式 -->
<view v-if="total_price > 0 && payment_list.length > 0 && common_order_is_booking != 1" class="payment-list padding-horizontal-main padding-top-main border-radius-main bg-white oh">
<view v-for="(item, index) in payment_list" :key="index" class="item tc fl cp margin-bottom-main">
<view :class="'item-content radius br ' + (payment_id == item.id ? 'cr-main br-main' : '')" :data-value="item.id" @tap="payment_event">
<view v-for="(item, index) in payment_list" :key="index" class="item tc fl cp margin-bottom-xl">
<view :class="'item-content pr radius br ' + (payment_id == item.id ? 'cr-main br-main' : '')" :data-value="item.id" @tap="payment_event">
<image v-if="(item.logo || null) != null" class="icon margin-right-sm va-m" :src="item.logo" mode="widthFix"></image>
<text>{{ item.name }}</text>
<text v-if="(item.tips || null) !== null" class="pay-tips">{{ item.tips }}</text>
</view>
</view>
</view>

View File

@ -29,6 +29,7 @@
<div class="flex-1 flex-width flex-row align-c">
<image v-if="item.logo" :src="item.logo" mode="widthFix" class="circle img-pay margin-right-main" />
<view>{{ item.name }}</view>
<view v-if="(item.tips || null) !== null" class="va-m cr-red text-size-xs">{{ item.tips }}</view>
</div>
<iconfont :name="checked === index ? 'icon-zhifu-yixuan' : 'icon-zhifu-weixuan'" size="40rpx" :color="checked === index ? '#E83B11' : '#ddd'"></iconfont>
</view>