|
|
|
@ -73,13 +73,40 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="order-tag lf-flex-wrap"> |
|
|
|
<view class="order-children" |
|
|
|
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=1')"> |
|
|
|
<view> |
|
|
|
<view class="function-tag" v-if="centerInfo.newCount != 0 && $isRight(centerInfo)">{{centerInfo.newCount}}</view> |
|
|
|
<view class="lf-iconfont lf-font-50 icon-daifukuan"></view> |
|
|
|
</view> |
|
|
|
<view class="lf-color-black lf-font-28 lf-m-t-20">待付款</view> |
|
|
|
</view> |
|
|
|
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=2')"> |
|
|
|
<view> |
|
|
|
<view class="function-tag" v-if="centerInfo.paidCount != 0 && $isRight(centerInfo)">{{centerInfo.paidCount}}</view> |
|
|
|
<view class="lf-iconfont lf-font-50 icon-31daifahuo"></view> |
|
|
|
</view> |
|
|
|
<view class="lf-color-black lf-font-28 lf-m-t-20">待发货</view> |
|
|
|
</view> |
|
|
|
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=3')"> |
|
|
|
<view> |
|
|
|
<view class="function-tag" v-if="centerInfo.deliveredCount != 0 && $isRight(centerInfo)">{{centerInfo.deliveredCount}}</view> |
|
|
|
<view class="lf-iconfont lf-font-50 icon-daishouhuo"></view> |
|
|
|
</view> |
|
|
|
<view class="lf-color-black lf-font-28 lf-m-t-20">待收货</view> |
|
|
|
</view> |
|
|
|
<view class="order-children" @click="$url('/pages/order/index/onlineorder?current=4')"> |
|
|
|
<view> |
|
|
|
<view class="function-tag" v-if="centerInfo.receiveCount != 0 && $isRight(centerInfo)">{{centerInfo.receiveCount}}</view> |
|
|
|
<view class="lf-iconfont lf-font-50 icon-tihuo"></view> |
|
|
|
</view> |
|
|
|
<view class="lf-color-black lf-font-28 lf-m-t-20">待提货</view> |
|
|
|
</view> |
|
|
|
<!-- <view class="order-children" |
|
|
|
v-for="(item, index) in order_tablist" :key="index" |
|
|
|
@click="$url(item.path)"> |
|
|
|
<!-- <view class="function-tag"></view> --> |
|
|
|
<view class="lf-iconfont lf-font-50" :class="item.icon"></view> |
|
|
|
<view class="lf-color-black lf-font-28 lf-m-t-20">{{ item.name }}</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -427,6 +454,7 @@ |
|
|
|
} |
|
|
|
.order-children { |
|
|
|
width: 134rpx; |
|
|
|
position: relative; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
@ -459,11 +487,18 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
.function-tag { |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
background: #D8D8D8; |
|
|
|
border: 1rpx solid #979797; |
|
|
|
color: white; |
|
|
|
font-size: 24rpx; |
|
|
|
position: absolute; |
|
|
|
right: 18rpx; |
|
|
|
width: 39rpx; |
|
|
|
height: 40rpx; |
|
|
|
background: red; |
|
|
|
top: -12rpx; |
|
|
|
border-radius: 50%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
.order-tag { |
|
|
|
padding: 50rpx 0; |
|
|
|
|