Browse Source

样式修改 支付逻辑

master
Enzo 5 years ago
parent
commit
7a598a0395
  1. 6
      colorui/main.css
  2. 1
      pages/order/apply-details.vue
  3. 12
      pages/order/confirm-order.vue
  4. 15
      pages/order/index.vue
  5. 2
      pages/order/order-details.vue

6
colorui/main.css

@ -455,6 +455,7 @@ radio.white.checked .uni-radio-input {
.solid,
.solid-top,
.solid-top1,
.solid-right,
.solid-bottom,
.solid-left,
@ -473,6 +474,7 @@ radio.white.checked .uni-radio-input {
.solid::after,
.solid-top::after,
.solid-top1::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
@ -509,6 +511,10 @@ radio.white.checked .uni-radio-input {
border-top: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-top1::after {
border-top: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-right::after {
border-right: 1upx solid rgba(0, 0, 0, 0.1);
}

1
pages/order/apply-details.vue

@ -48,7 +48,6 @@
</view>
</view>
</skeleton>
<self-line/>
<!-- 表单 -->
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
<view class="bg-white">

12
pages/order/confirm-order.vue

@ -2,7 +2,6 @@
<view>
<!-- 商品信息 -->
<block v-if="isRight(orderDetails)">
<self-line/>
<view class="bg-white padding-tb-sm">
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
@ -39,7 +38,7 @@
<self-line/>
<skeleton :loading="skeletonLoading" :row="1" :showAvatar="false" :showTitle="true">
<view class="bg-white">
<view class="cu-bar padding-lr solid-bottom">
<view class="cu-bar padding-lr">
<text class="text-gray lf-font-32">优惠</text>
<text class="lf-font-32 text-black1">暂无优惠</text>
</view>
@ -59,7 +58,7 @@
请认真阅读并同意<text @tap="$routerGo('/pages/agreement/agreement?id='+orderDetails.agreement.article_id)">{{orderDetails.agreement.title}}</text>在小程序下单购买即表示您已默认同意<text @tap="$routerGo('/pages/agreement/agreement?id='+orderDetails.agreement.article_id)">{{orderDetails.agreement.title}}</text>的所有条款
</view>
</view>
<view class="padding-lr padding-tb-sm bg-white flex justify-between align-center solid-top shadow">
<view class="padding-lr padding-tb-sm bg-white flex justify-between align-center shadow">
<view class="flex align-center">
<text class="lf-font-28 text-gray">应付款</text>
<view class="text-red text-price lf-font-42 lf-font-bold">
@ -97,7 +96,8 @@
ifCheck: true,
type: 0,
order_id: 0,
ifDo: 1
ifDo: 1,
ifPay: true
}
},
computed: {
@ -170,6 +170,8 @@
}
});
}else {
if(!this.ifPay) return;
this.ifPay = false;
if(this.type == 1){
this.pay();
return;
@ -188,9 +190,11 @@
signType: res.data.signType,
paySign: res.data.paySign,
success: (res) => {
this.ifPay = true
this.$url('/pages/order/pay-success?ifSuccess=1&order_id='+this.order_id,{type: 'redirect'})
},
fail: (err) => {
this.ifPay = true
this.$url('/pages/order/pay-success?ifSuccess=2&order_id='+this.order_id,{type: 'redirect'})
},
})

15
pages/order/index.vue

@ -8,7 +8,7 @@
<view class="com" v-for="(tab, tabIndex) in tab_list" v-if="tabIndex == current" :key="tab.id">
<view class="flex-direction justify-around list" v-for="(item, index) in tab.list" :key="item.id" @tap="goDetails(tabIndex,index)">
<view class="lf-row-between">
<view class="left" style="position: relative;">
<view class="left" style="position: relative;display: flex;">
<image :src="item.goods.cover" mode=""></image>
<view class="cu-tag badge tag-self lf-font-28 font-400" :style="{'background-color':item.state_text.bg_color,'color':item.state_text.color}">{{item.state_text.text}}</view>
</view>
@ -18,7 +18,7 @@
<text class="progress margin-right-xs">数量</text>
<text class="bought">x {{item.number}}</text>
</view>
<view class="lf-row-between price">
<view class="lf-row-between price" style="padding-right: 14rpx;">
<text class="lf-font-bold">
<text class="lf-font-24"></text>
<text class="lf-font-42">{{item.selling_price}}</text>
@ -34,7 +34,7 @@
<view class="text-gray lf-font-28" style="padding: 20rpx;">
{{item.created_at_text}}
</view>
<view class="text-orange" v-if="item.state==1" style="padding: 20rpx;">
<view class="text-orange" v-if="item.state==1" style="padding: 20rpx 40rpx 20rpx 20rpx;">
{{item.comment_text}}
</view>
</view>
@ -227,7 +227,7 @@
.cu-btn1 {
background-color: white!important;
color: #777!important;
border: 1px solid #777;
border: 1px solid #777!important;
}
.font-400 {
font-weight: 400;
@ -242,7 +242,7 @@
.title {
font-size: 28rpx;
color: $u-content-color;
height: 80rpx;
height: 98rpx;
}
// tab
@ -279,10 +279,10 @@
.right {
overflow: hidden;
width: 64%;
width: 67%;
.title {
margin: 0rpx 20rpx 10rpx 0;
margin: 0rpx 20rpx 0rpx 0;
color: #222222;
font-size: 32rpx;
}
@ -312,7 +312,6 @@
.price {
overflow: hidden;
color: #FF0000;
margin-top: 10rpx;
button {
width: 176rpx;
height: 60rpx;

2
pages/order/order-details.vue

@ -82,7 +82,7 @@
{{orderDetails.confirm_code_text}}
</view>
</view>
<view class="padding-lr padding-tb-sm bg-white flex justify-between align-center solid-top btn-bottom">
<view class="padding-lr padding-tb-sm bg-white flex justify-between align-center solid-top1 btn-bottom">
<view class="flex align-center">
<text class="text-gray lf-font-28" style="margin-right: 20rpx;">实付款</text>
<view class="text-red text-price lf-font-42 lf-font-bold">

Loading…
Cancel
Save