Leadfyy.co
/
uniapp-shikongwang
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

真机测试后 细节修改

master
Enzo 4 years ago
parent
829f450309
commit
7598f5cd95
7 changed files with 109 additions and 104 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      components/mescroll-uni/components/mescroll-up.css
  2. 2
      components/mescroll-uni/mescroll-uni-option.js
  3. 2
      components/mescroll-uni/mescroll-uni.js
  4. 42
      pages/order/confirm-order.vue
  5. 2
      pages/order/index.vue
  6. 17
      pages/order/order-details.vue
  7. 6
      pages/order/order-item.vue

2
components/mescroll-uni/components/mescroll-up.css
View File

@ -2,7 +2,7 @@
.mescroll-upwarp { .mescroll-upwarp {
box-sizing: border-box; box-sizing: border-box;
min-height: 110rpx; min-height: 110rpx;
padding: 30rpx 0;
padding: 0 0 30rpx 0;
text-align: center; text-align: center;
clear: both; clear: both;
} }

2
components/mescroll-uni/mescroll-uni-option.js
View File

@ -12,7 +12,7 @@ const GlobalOption = {
up: { up: {
// 其他up的配置参数也可以写,这里只展示了常用的配置: // 其他up的配置参数也可以写,这里只展示了常用的配置:
textLoading: '加载中 ...', // 加载中的提示文本 textLoading: '加载中 ...', // 加载中的提示文本
textNoMore: '-- END --', // 没有更多数据的提示文本
textNoMore: '没有更多数据啦~', // 没有更多数据的提示文本
offset: 80, // 距底部多远时,触发upCallback offset: 80, // 距底部多远时,触发upCallback
toTop: { toTop: {
// 回到顶部按钮,需配置src才显示 // 回到顶部按钮,需配置src才显示

2
components/mescroll-uni/mescroll-uni.js
View File

@ -92,7 +92,7 @@ MeScroll.prototype.extendUpScroll = function(optUp) {
noMoreSize: 5, // 如果列表已无数据,可设置列表的总数量要大于等于5条才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看 noMoreSize: 5, // 如果列表已无数据,可设置列表的总数量要大于等于5条才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看
offset: 80, // 距底部多远时,触发upCallback offset: 80, // 距底部多远时,触发upCallback
textLoading: '加载中 ...', // 加载中的提示文本 textLoading: '加载中 ...', // 加载中的提示文本
textNoMore: '-- END --', // 没有更多数据的提示文本
textNoMore: '没有更多数据啦~', // 没有更多数据的提示文本
bgColor: "transparent", // 背景颜色 (建议在pages.json中再设置一下backgroundColorBottom) bgColor: "transparent", // 背景颜色 (建议在pages.json中再设置一下backgroundColorBottom)
textColor: "gray", // 文本颜色 (当bgColor配置了颜色,而textColor未配置时,则textColor会默认为白色) textColor: "gray", // 文本颜色 (当bgColor配置了颜色,而textColor未配置时,则textColor会默认为白色)
inited: null, // 初始化完毕的回调 inited: null, // 初始化完毕的回调

42
pages/order/confirm-order.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<mescroll-body ref="mescrollRef" @down="downCallback" :down="downOpt" style="min-height: 645px;">
<!-- <mescroll-body ref="mescrollRef" @down="downCallback" :down="downOpt" style="min-height: 645px;"> -->
<!-- 商品信息 --> <!-- 商品信息 -->
<self-line/> <self-line/>
@ -8,7 +8,7 @@
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true"> <skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
<view class="flex justify-between align-start padding-top-sm padding-lr"> <view class="flex justify-between align-start padding-top-sm padding-lr">
<image :src="orderDetails.goods.cover" mode="aspectFill" style="width: 150rpx; height: 150rpx;"></image>
<image v-if="orderDetails.goods.cover" :src="orderDetails.goods.cover" mode="aspectFill" style="width: 150rpx; height: 150rpx;"></image>
<view class="flex-sub padding-left-sm"> <view class="flex-sub padding-left-sm">
<view class="bref-box margin-top-xs"> <view class="bref-box margin-top-xs">
{{orderDetails.goods.name}} {{orderDetails.goods.name}}
@ -38,19 +38,25 @@
</view> </view>
<self-line/> <self-line/>
<skeleton :loading="skeletonLoading" :row="1" :showAvatar="false" :showTitle="true">
<view class="bg-white"> <view class="bg-white">
<view class="cu-bar padding-lr solid-bottom"> <view class="cu-bar padding-lr solid-bottom">
<text class="text-gray">优惠</text> <text class="text-gray">优惠</text>
<text>暂无优惠</text> <text>暂无优惠</text>
</view> </view>
</view> </view>
</skeleton>
<self-line/> <self-line/>
</mescroll-body>
<!-- </mescroll-body> -->
<skeleton :loading="skeletonLoading" :row="13" :showAvatar="false" :showTitle="true">
<view class="btn-bottom"> <view class="btn-bottom">
<view class="padding flex justify-around align-center">
<view class="padding flex justify-around align-center" v-if="orderDetails.agreement.tips">
<checkbox-group class="block" @change="CheckboxChange">
<view class="margin-right"> <view class="margin-right">
<checkbox :class="checkbox[0].checked?'checked':''" :checked="checkbox[0].checked?true:false" value="A"></checkbox>
<checkbox @change="CheckboxChange" :class="checkbox[0].checked?'checked':''" :checked="checkbox[0].checked?true:false" value="A"></checkbox>
</view> </view>
</checkbox-group>
<view class="text-sm text-gray">{{orderDetails.agreement.tips}}</view> <view class="text-sm text-gray">{{orderDetails.agreement.tips}}</view>
</view> </view>
<self-line/> <self-line/>
@ -67,6 +73,7 @@
</button> </button>
</view> </view>
</view> </view>
</skeleton>
</view> </view>
</template> </template>
@ -86,7 +93,8 @@
}], }],
goods_id: 1, goods_id: 1,
goods_specs_id: 1, goods_specs_id: 1,
orderDetails: {}
orderDetails: {},
ifchoose: true
} }
}, },
computed: { computed: {
@ -105,11 +113,10 @@
this.orderDetails = res.data this.orderDetails = res.data
this.skeletonLoading = false this.skeletonLoading = false
this.mescroll.endSuccess(); // 请求成功,隐藏加载状态 this.mescroll.endSuccess(); // 请求成功,隐藏加载状态
console.log(this.orderDetails)
} }
}).catch(err => { }).catch(err => {
// this.mescroll.endErr();
}); });
}, },
reduce() { reduce() {
@ -120,16 +127,10 @@
this.num++ this.num++
}, },
CheckboxChange(e) { CheckboxChange(e) {
var items = this.checkbox,
values = e.detail.value;
for (var i = 0, lenI = items.length; i < lenI; ++i) {
items[i].checked = false;
for (var j = 0, lenJ = values.length; j < lenJ; ++j) {
if (items[i].value == values[j]) {
items[i].checked = true;
break
}
}
if(e.detail.value != '') {
this.ifchoose = true
}else {
this.ifchoose = false
} }
}, },
// 点击复制 // 点击复制
@ -139,7 +140,12 @@
}); });
}, },
submit(){ submit(){
if(this.ifchoose == true) {
this.$routerGo('/pages/order/pay-success') this.$routerGo('/pages/order/pay-success')
}else {
this.$msg('请认真阅读并同意协议!')
return
}
}, },
//下拉刷新 //下拉刷新
downCallback() { downCallback() {

2
pages/order/index.vue
View File

@ -50,7 +50,7 @@
this.assetsType = e.type this.assetsType = e.type
this.tabIndex = this.assetsType === 'all' ? 0 : this.assetsType === 'unpaid' ? 1 : this.assetsType === 'paid' ? 2 : 0 this.tabIndex = this.assetsType === 'all' ? 0 : this.assetsType === 'unpaid' ? 1 : this.assetsType === 'paid' ? 2 : 0
// 需要固定swiper的高度 // 需要固定swiper的高度
this.height = (uni.getSystemInfoSync().windowHeight) + 'px'
this.height = (uni.getSystemInfoSync().windowHeight-40) + 'px'
}, },
methods: { methods: {

17
pages/order/order-details.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<mescroll-body ref="mescrollRef" @down="downCallback" :down="downOpt">
<!-- <mescroll-body ref="mescrollRef" @down="downCallback" :down="downOpt"> -->
<!-- 商品信息 --> <!-- 商品信息 -->
<self-line/> <self-line/>
@ -8,16 +8,16 @@
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true"> <skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
<view class="flex justify-between align-start padding-top-sm padding-lr"> <view class="flex justify-between align-start padding-top-sm padding-lr">
<image :src="orderDetails.goods.cover" mode="aspectFill" style="width: 150rpx; height: 150rpx;"></image>
<image v-if="orderDetails.goods.cover" :src="orderDetails.goods.cover" mode="aspectFill" style="width: 150rpx; height: 150rpx;"></image>
<view class="flex-sub padding-left-sm"> <view class="flex-sub padding-left-sm">
<view class="bref-box margin-top-xs" v-if="orderDetails.goods.name"> <view class="bref-box margin-top-xs" v-if="orderDetails.goods.name">
{{orderDetails.goods.name}} {{orderDetails.goods.name}}
</view> </view>
<text class="block margin-top-sm text-gray text-sm">数量 <text class="margin-left text-gray">x{{orderDetails.amount}}</text></text>
<text class="block margin-top-sm text-gray text-sm">数量 <text class="margin-left margin-right-xs text-gray">x</text>{{orderDetails.number}}</text>
<view class="flex justify-between margin-top-sm"> <view class="flex justify-between margin-top-sm">
<view class="text-red text-price text-lg"> <view class="text-red text-price text-lg">
<amount :value="Number(orderDetails.goods.selling_price || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
<amount :value="Number(orderDetails.selling_price || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view> </view>
<view> <view>
<button v-if="orderDetails.state == 2" class="cu-btn line-orange round margin-left-sm text-sm" @tap="$routerGo('/pages/order/apply-refund')">申请退款</button> <button v-if="orderDetails.state == 2" class="cu-btn line-orange round margin-left-sm text-sm" @tap="$routerGo('/pages/order/apply-refund')">申请退款</button>
@ -32,6 +32,7 @@
<self-line/> <self-line/>
<!-- 表单 --> <!-- 表单 -->
<skeleton :loading="skeletonLoading" :row="16" :showAvatar="false" :showTitle="true">
<view class="bg-white"> <view class="bg-white">
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center"> <view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">订单编号</text> <text class="text-gray">订单编号</text>
@ -91,8 +92,8 @@
</view> </view>
</view> </view>
</view> </view>
</mescroll-body>
</skeleton>
<!-- </mescroll-body> -->
</view> </view>
</template> </template>
@ -119,15 +120,13 @@
if(this.orderId) { if(this.orderId) {
this.getOrderDetails() this.getOrderDetails()
} }
setTimeout(()=>{
this.skeletonLoading = false
},1000)
}, },
methods: { methods: {
getOrderDetails() { getOrderDetails() {
this.$http(this.API.API_ORDER_DETAILS, {order_id: this.orderId}).then(res => { this.$http(this.API.API_ORDER_DETAILS, {order_id: this.orderId}).then(res => {
if(res.code == 0) { if(res.code == 0) {
this.orderDetails = res.data this.orderDetails = res.data
this.skeletonLoading = false
console.log(this.orderDetails) console.log(this.orderDetails)
} }

6
pages/order/order-item.vue
View File

@ -3,7 +3,7 @@
<mescroll-uni ref="mescrollRef" @init="mescrollInit" height="100%" top="0" :down="downOption" @down="downCallback" <mescroll-uni ref="mescrollRef" @init="mescrollInit" height="100%" top="0" :down="downOption" @down="downCallback"
:up="upOption" @up="upCallback"> :up="upOption" @up="upCallback">
<!-- 数据列表 --> <!-- 数据列表 -->
<view class="padding-bottom-xl">
<view>
<block v-for="(item, index) in assetsFlow" :key="index"> <block v-for="(item, index) in assetsFlow" :key="index">
<view class="margin-top bg-white"> <view class="margin-top bg-white">
@ -16,7 +16,7 @@
<view class="bref-box margin-top-xs"> <view class="bref-box margin-top-xs">
{{item.goods.name}} {{item.goods.name}}
</view> </view>
<text class="block margin-top-sm text-gray text-sm">数量 <text class="margin-left text-gray">x{{item.number}}</text></text>
<text class="block margin-top-sm text-gray text-sm">数量 <text class="margin-left margin-right-xs text-gray">x</text>{{item.number}}</text>
<view class="flex justify-between margin-top-sm"> <view class="flex justify-between margin-top-sm">
<view class="text-red text-price text-lg"> <view class="text-red text-price text-lg">
@ -147,7 +147,7 @@
} }
}, },
created() { created() {
this.getUserOrder()
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save