Fix:【商城小程序】结算页调整

This commit is contained in:
modendeveloper
2024-09-12 23:27:21 +08:00
parent b228155cc0
commit 21dccd8d61
+11 -10
View File
@@ -54,21 +54,21 @@
<view class="acea-row row-middle" style="flex-wrap: nowrap;"> <view class="acea-row row-middle" style="flex-wrap: nowrap;">
<!-- <image style="width: 32rpx;height: 32rpx;margin-right: 12rpx;" :src="webUrl+'/20210807230820761721.png'" <!-- <image style="width: 32rpx;height: 32rpx;margin-right: 12rpx;" :src="webUrl+'/20210807230820761721.png'"
mode=""></image> --> mode=""></image> -->
<text class="v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">快递费用</text> <text class="v12-font-24 v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">快递费用</text>
</view> </view>
<view class="discount v12-secondary-dark-text" style="width: auto !important;"> <view class="discount v12-secondary-dark-text v12-font-24 " style="width: auto !important;">
{{ orderPrice.payPostage > 0 ? force2Decimal(orderPrice.payPostage) : "包邮" }} {{ orderPrice.payPostage > 0 ? force2Decimal(orderPrice.payPostage) : "包邮" }}
</view> </view>
</view> </view>
<view v-else> <view v-else>
<view class="v12-pa-2 acea-row row-between-wrapper"> <view class="v12-pa-2 acea-row row-between-wrapper">
<view class="v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">联系人</view> <view class="v12-font-24 v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">联系人</view>
<view class="discount"> <view class="discount">
<input type="text" placeholder="请填写您的联系姓名" v-model="contacts"/> <input class="v12-font-24" type="text" placeholder="请填写您的联系姓名" v-model="contacts"/>
</view> </view>
</view> </view>
<view class="v12-pa-2 acea-row row-between-wrapper"> <view class="v12-pa-2 acea-row row-between-wrapper">
<view class="v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">联系电话</view> <view class="v12-font-24 v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx">联系电话</view>
<view class="discount"> <view class="discount">
<input type="text" placeholder="请填写您的联系电话" v-model="contactsTel"/> <input type="text" placeholder="请填写您的联系电话" v-model="contactsTel"/>
</view> </view>
@@ -78,9 +78,9 @@
<view class="v12-align-start"> <view class="v12-align-start">
<!-- <image style="width: 32rpx;height: 32rpx;margin-right: 12rpx;" :src="webUrl+'/20210807230836494421.png'" <!-- <image style="width: 32rpx;height: 32rpx;margin-right: 12rpx;" :src="webUrl+'/20210807230836494421.png'"
mode=""></image> --> mode=""></image> -->
<text class="v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx;">备注</text> <text class="v12-font-24 v12-secondary-dark-text v12-pr-3 v12-text-right" style="width: 140rpx;">备注</text>
</view> </view>
<textarea v-model="mark" placeholder="建议与商家协商一致" class="mark"></textarea> <textarea v-model="mark" placeholder="建议与商家协商一致" class="mark v12-font-24 "></textarea>
</view> </view>
</view> </view>
<!-- v12 --> <!-- v12 -->
@@ -201,7 +201,7 @@
:class="active === 'weixin' ? 'on' : ''" :class="active === 'weixin' ? 'on' : ''"
@click="payItem('weixin')" @click="payItem('weixin')"
v-show="!isWeixin" v-show="!isWeixin"
style="flex-wrap: nowrap; margin-top: 10rpx" style="flex-wrap: nowrap; margin-top: 20rpx"
> >
<view class="name acea-row v12-font-24"> <view class="name acea-row v12-font-24">
<!-- <view class="iconfont icon-weixin2" :class="active === 'weixin' ? 'bounceIn' : ''"></view> --> <!-- <view class="iconfont icon-weixin2" :class="active === 'weixin' ? 'bounceIn' : ''"></view> -->
@@ -780,10 +780,10 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
.mark{ .mark{
background: rgba(0,0,0,0.15); background: rgba(0,0,0,0.05);
height: 128rpx; height: 128rpx;
border-radius: 16rpx; border-radius: 16rpx;
padding: 0 10px padding: 5px 10px
} }
.pink-dot { .pink-dot {
@@ -834,6 +834,7 @@ export default {
.order-submission .wrapper .item .list .payItem { .order-submission .wrapper .item .list .payItem {
border: none !important; border: none !important;
height: auto !important;
} }
.order-submission .wrapper .item .list .payItem.on { .order-submission .wrapper .item .list .payItem.on {