修改页面邮费规则
自定义弹框
<!-- 点击事件显示弹框 -->
<text class="flex-five position-re" wx:if="{{brand==1}}" bindtap="toDetail">精选自营运费<text class="postage" bindtap="toDetail">i</text><text class="mar-left">:</text></text>
<text class="flex-five position-re" wx:elif="{{brand==2}}" bindtap="toDetail">品牌专区运费<text class="postage" bindtap="toDetail">i</text><text class="mar-left">:</text></text>
<text class="flex-five position-re" wx:else="{{brand==3}}" bindtap="toDetail"> 运费 <text class="postage" bindtap="toDetail">i</text><text class="mar-left">:</text></text>
<!-- 运费弹框 -->
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{dialogShow}}"></view>
<view class="modal-dialog" wx:if="{{dialogShow}}">
<view class="modal-content">
<view class="modal-title">运费规则</view>
<view>1.精选自营商品免运费。</view>
<view>2.品牌专区商品订单总支付金额低于69元收取15元运费;订单总支付金额高于等于69元且低于109元,收取10元运费;订单总支付金额高于等于109元,免运费。</view>
<view>3.精选自营商品和品牌专区商品合并订单支付的运费规则依据第2条。</view>
</view>
<view class="modal-footer">
<view class="btn-confirm" bindtap="handleDialogTap">知道了</view>
</view>
</view>
/* 运费弹框 */
.modal-mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.5;
overflow: hidden;
z-index: 9000;
color: #fff;
}
.modal-dialog {
width: 540rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
background: #f9f9f9;
transform: translate(-50%, -70%);
border-radius: 20rpx;
}
.modal-title {
font-size: 32rpx;
line-height: 50rpx;
color: #030303;
text-align: center;
width: 100%;
font-weight: 600;
margin-bottom: 10rpx;
}
.modal-content {
padding: 40rpx 30rpx;
text-align: left;
color: #333333;
font-size: 24rpx;
}
.modal-footer {
display: flex;
flex-direction: row;
height: 86rpx;
border-top: 1px solid #dedede;
font-size: 30rpx;
line-height: 86rpx;
}
.btn-confirm {
width: 100%;
color: #6AC8D6;
text-align: center;
}
toDetail() {
this.setData({
dialogShow: true
})
},
hideModal(){
this.setData({
dialogShow: false
})
},
handleDialogTap(e) {
this.setData({
dialogShow: false
})
},
订单详情的金额合计需要修改(后端没改,之后再改)