1.支付方式选择新增钱包金额展示
parent
ded6e7f833
commit
4b916ba160
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 扩展数据
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue