Browse Source

ui修改2.0

master
Enzo 5 years ago
parent
commit
9356e7ba0d
  1. 8
      colorui/main.css
  2. 2
      components/me-tabs/me-tabs.vue
  3. 11
      pages/order/apply-details.vue
  4. 2
      pages/order/apply-refund.vue
  5. 8
      pages/order/index.vue
  6. 4
      pages/order/order-details.vue
  7. 5
      pages/order/unpay-details.vue

8
colorui/main.css

@ -3396,7 +3396,7 @@ scroll-view.cu-steps .cu-item {
float: right;
}
.border {
border: 1px solid #ccc;
border: 1px solid #777!important;
}
/* ==================
@ -3465,7 +3465,7 @@ scroll-view.cu-steps .cu-item {
.line-gray::after,
.lines-gray::after {
border-color: #aaaaaa;
border-color: #777777!important;
}
.line-black::after,
@ -3559,7 +3559,7 @@ scroll-view.cu-steps .cu-item {
.bg-white {
background-color: #ffffff;
color: #666666;
color: #777;
}
.bg-shadeTop {
@ -3980,7 +3980,7 @@ scroll-view.cu-steps .cu-item {
.text-gray,
.line-gray,
.lines-gray {
color: #777777;
color: #777777!important;
}
.text-black,

2
components/me-tabs/me-tabs.vue

@ -145,7 +145,7 @@
}
.tabs-item {
margin-left: 4rpx;
margin:0 4rpx;
border-radius: 16px;
display: flex;
position: relative;

11
pages/order/apply-details.vue

@ -68,7 +68,7 @@
<view class="padding-lr bg-white" style="padding-top: 30rpx;">
<view class="cu-self menu">
<view class="text-gray lf-font-28">
由于产品的特殊性在申请的过程中供应商会向您收取部分费用如有疑问可参与产品的<text class="text-orange">{{checkArea}}</text>或咨询客服
由于产品的特殊性在申请的过程中供应商会向您收取部分费用如有疑问可参与产品的<text @tap="$routerGo('/pages/agreement/agreement?id='+checkAreaId)" class="text-orange">{{checkArea}}</text>或咨询客服
</view>
</view>
</view>
@ -80,11 +80,14 @@
<view class="cu-self menu">
<view class="lf-font-32 text-black1">退款说明</view>
</view>
<view class="cu-self menu" style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #F5F5F5;">
<view class="cu-self menu" style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #F5F5F5;" v-if="images.length == 0">
<view class="text-gray lf-font-32">{{orderDetails.comment}}</view>
</view>
<view class="cu-self menu" style="margin-top: 20rpx;" v-else>
<view class="text-gray lf-font-32">{{orderDetails.comment}}</view>
</view>
</view>
<view class="cu-form-group">
<view class="cu-form-group solid-bottom" style="padding-bottom: 20rpx;" v-if="images.length != 0">
<view class="grid col-4 grid-square flex-sub">
<view style="width: 212rpx;height: 212rpx;border-radius: 10rpx;" class="bg-img" v-for="(item,index) of images" :key="index">
<image :src="item.path" @tap="showImg(item.path)" style="width: 216rpx;height: 216rpx;" mode="aspectFill"></image>
@ -111,6 +114,7 @@
order_id:1,
orderDetails: {},
checkArea: '',
checkAreaId: 1,
images: []
}
},
@ -130,6 +134,7 @@
this.orderDetails = res.data.refund
this.checkArea = res.data.agreement.title
this.images = res.data.refund.images
this.checkAreaId = res.data.agreement.article_id
this.skeletonLoading = false
}

2
pages/order/apply-refund.vue

@ -67,7 +67,7 @@
<view class="padding-top padding-lr bg-white">
<view class="cu-self menu">
<view class="text-gray lf-font-28">
由于产品的特殊性在申请的过程中供应商会向您收取部分费用如有疑问可参与产品的<text class="text-orange">{{applyDetails.agreement.title}}</text>或咨询客服
由于产品的特殊性在申请的过程中供应商会向您收取部分费用如有疑问可参与产品的<text class="text-orange" @tap="$routerGo('/pages/agreement/agreement?id='+applyDetails.agreement.article_id)">{{applyDetails.agreement.title}}</text>或咨询客服
</view>
</view>
</view>

8
pages/order/index.vue

@ -25,6 +25,7 @@
</text>
<button v-if="item.state==1" @tap.stop="$routerGo('/pages/order/confirm-order?type=1&goods_id='+item.goods_id+'&goods_specs_id='+item.goods_specs_id +'&order_id='+ item.id)">立即付款</button>
<button v-if="item.state==2" class="cu-btn bg-green round margin-left-sm" @tap="$routerGo('/pages/order/order-details?order_id='+item.id)">立即使用</button>
<button v-if="item.state==4" class="cu-btn1 border round margin-left-sm">等待审核</button>
</view>
</view>
</view>
@ -223,6 +224,11 @@
</script>
<style lang="scss" scoped>
.cu-btn1 {
background-color: white!important;
color: #777!important;
border: 1px solid #777;
}
.font-400 {
font-weight: 400;
}
@ -254,7 +260,7 @@
.list {
border-radius: 10rpx;
overflow: hidden;
margin: 20rpx 32rpx;
margin: 30rpx 32rpx;
background-color: #FFFFFF;
// box-shadow: 0 0 10px 5px #e5e5e5;
box-shadow: 0 10rpx 20rpx 0 rgba(0, 0, 0, 0.1);

4
pages/order/order-details.vue

@ -46,7 +46,7 @@
<text class="text-gray lf-font-32">付款时间</text>
<text class="lf-font-32 text-black1">{{orderDetails.payment_at_text}}</text>
</view>
<view class="cu-bar padding-lr solid-bottom" v-if="orderDetails.payment_type != ''">
<view class="cu-bar padding-lr" v-if="orderDetails.payment_type != ''">
<text class="text-gray lf-font-32">支付方式</text>
<text class="lf-font-32 text-black1">{{orderDetails.payment_type}}</text>
</view>
@ -54,7 +54,7 @@
<self-line/>
<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" v-if="orderDetails.coupons == null">暂无优惠</text>
</view>

5
pages/order/unpay-details.vue

@ -48,7 +48,7 @@
<text class="text-gray lf-font-32">付款时间</text>
<text class="lf-font-32 text-black1">{{orderDetails.payment_at_text}}</text>
</view>
<view class="cu-bar padding-lr solid-bottom" v-if="orderDetails.payment_type != ''">
<view class="cu-bar padding-lr" v-if="orderDetails.payment_type != ''">
<text class="text-gray lf-font-32">支付方式</text>
<text class="lf-font-32 text-black1">{{orderDetails.payment_type}}</text>
</view>
@ -56,11 +56,12 @@
<self-line/>
<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" v-if="orderDetails.coupons == null">暂无优惠</text>
</view>
</view>
<self-line/>
</skeleton>
</block>
</view>

Loading…
Cancel
Save