|
@@ -19,9 +19,13 @@
|
|
</view>
|
|
</view>
|
|
<!-- 订单 -->
|
|
<!-- 订单 -->
|
|
<view class="user-order">
|
|
<view class="user-order">
|
|
- <view class="tab-title">我的订单</view>
|
|
|
|
|
|
+ <view class="tab-title" @click="navigator('/pages/user/order/order-list?state=0')">
|
|
|
|
+ <text class="cell-tit">我的订单</text>
|
|
|
|
+ <text class="cell-more">查看更多</text>
|
|
|
|
+ <text class="iconfont icon-xiayibu"></text>
|
|
|
|
+ </view>
|
|
<view class="order-section">
|
|
<view class="order-section">
|
|
- <view class="order-item" @click="navigator('/pages/user/order/order-list?state=1')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
|
+ <view class="order-item" @click="navigator('/pages/user/order/order-list?state=5')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-icon">
|
|
<view class="order-icon">
|
|
<image src="../../../static/temp/order1@3x.png" mode=""></image>
|
|
<image src="../../../static/temp/order1@3x.png" mode=""></image>
|
|
<text v-if="paymentCount >0"
|
|
<text v-if="paymentCount >0"
|
|
@@ -30,9 +34,9 @@
|
|
{{paymentCount == 99? '99+' : paymentCount}}
|
|
{{paymentCount == 99? '99+' : paymentCount}}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <text class="order-t">待付款</text>
|
|
|
|
|
|
+ <text class="order-t">待确认</text>
|
|
</view>
|
|
</view>
|
|
- <view class="order-item" @click="navigator('/pages/user/order/order-list?state=2')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
|
+ <view class="order-item" @click="navigator('/pages/user/order/order-list?state=1')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-icon">
|
|
<view class="order-icon">
|
|
<image src="../../../static/temp/order2@3x.png" mode=""></image>
|
|
<image src="../../../static/temp/order2@3x.png" mode=""></image>
|
|
<text v-if="waitShipmentsCount >0"
|
|
<text v-if="waitShipmentsCount >0"
|
|
@@ -41,9 +45,9 @@
|
|
{{waitShipmentsCount == 99? '99+' : waitShipmentsCount}}
|
|
{{waitShipmentsCount == 99? '99+' : waitShipmentsCount}}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <text class="order-t">待发货</text>
|
|
|
|
|
|
+ <text class="order-t">代付款</text>
|
|
</view>
|
|
</view>
|
|
- <view class="order-item" @click="navigator('/pages/user/order/order-list?state=3')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
|
+ <view class="order-item" @click="navigator('/pages/user/order/order-list?state=2')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-icon">
|
|
<view class="order-icon">
|
|
<image src="../../../static/temp/order3@3x.png" mode=""></image>
|
|
<image src="../../../static/temp/order3@3x.png" mode=""></image>
|
|
<text v-if="shipmentsCount >0"
|
|
<text v-if="shipmentsCount >0"
|
|
@@ -52,9 +56,9 @@
|
|
{{shipmentsCount == 99? '99+' : shipmentsCount}}
|
|
{{shipmentsCount == 99? '99+' : shipmentsCount}}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <text class="order-t">已发货</text>
|
|
|
|
|
|
+ <text class="order-t">待发货</text>
|
|
</view>
|
|
</view>
|
|
- <view class="order-item" @click="navigator('/pages/user/order/order-list?state=4')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
|
+ <view class="order-item" @click="navigator('/pages/user/order/order-list?state=3')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-icon">
|
|
<view class="order-icon">
|
|
<image src="../../../static/temp/order4@3x.png" mode=""></image>
|
|
<image src="../../../static/temp/order4@3x.png" mode=""></image>
|
|
<text v-if="salesReturnCount >0"
|
|
<text v-if="salesReturnCount >0"
|
|
@@ -63,13 +67,13 @@
|
|
{{salesReturnCount == 99? '99+' : salesReturnCount}}
|
|
{{salesReturnCount == 99? '99+' : salesReturnCount}}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <text class="order-t">退货/款</text>
|
|
|
|
|
|
+ <text class="order-t">已发货</text>
|
|
</view>
|
|
</view>
|
|
- <view class="order-item" @click="navigator('/pages/user/order/order-list?state=0')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
|
+ <view class="order-item" @click="navigator('/pages/user/order/order-list?state=4')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-icon">
|
|
<view class="order-icon">
|
|
<image src="../../../static/temp/order5@3x.png" mode=""></image>
|
|
<image src="../../../static/temp/order5@3x.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
- <text class="order-t">全部订单</text>
|
|
|
|
|
|
+ <text class="order-t">退货/款</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -305,6 +309,29 @@
|
|
color: #333333;
|
|
color: #333333;
|
|
text-align:left;
|
|
text-align:left;
|
|
border-bottom: 1px solid #F8F8F8;
|
|
border-bottom: 1px solid #F8F8F8;
|
|
|
|
+ position: relative;
|
|
|
|
+ .cell-tit{
|
|
|
|
+ font-size: $font-size-28;
|
|
|
|
+ color: $text-color;
|
|
|
|
+ }
|
|
|
|
+ .cell-more{
|
|
|
|
+ float: right;
|
|
|
|
+ line-height: 80rpx;
|
|
|
|
+ font-size: $font-size-24;
|
|
|
|
+ color: $text-color;
|
|
|
|
+ padding-right: 30rpx;
|
|
|
|
+ }
|
|
|
|
+ .iconfont{
|
|
|
|
+ width: 30rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ line-height: 80rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ display: block;
|
|
|
|
+ font-size: $font-size-28;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.order-section{
|
|
.order-section{
|
|
display: flex;
|
|
display: flex;
|