|
|
@ -8,7 +8,7 @@ |
|
|
<view class="com" v-for="(tab, tabIndex) in tab_list" v-if="tabIndex == current" :key="tab.id"> |
|
|
<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="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="lf-row-between"> |
|
|
<view class="left" style="position: relative;"> |
|
|
|
|
|
|
|
|
<view class="left" style="position: relative;display: flex;"> |
|
|
<image :src="item.goods.cover" mode=""></image> |
|
|
<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 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> |
|
|
</view> |
|
|
@ -18,13 +18,14 @@ |
|
|
<text class="progress margin-right-xs">数量</text> |
|
|
<text class="progress margin-right-xs">数量</text> |
|
|
<text class="bought">x {{item.number}}</text> |
|
|
<text class="bought">x {{item.number}}</text> |
|
|
</view> |
|
|
</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-bold"> |
|
|
<text class="lf-font-24">¥</text> |
|
|
<text class="lf-font-24">¥</text> |
|
|
<text class="lf-font-42">{{item.selling_price}}</text> |
|
|
<text class="lf-font-42">{{item.selling_price}}</text> |
|
|
</text> |
|
|
</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==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==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> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -33,7 +34,7 @@ |
|
|
<view class="text-gray lf-font-28" style="padding: 20rpx;"> |
|
|
<view class="text-gray lf-font-28" style="padding: 20rpx;"> |
|
|
{{item.created_at_text}} |
|
|
{{item.created_at_text}} |
|
|
</view> |
|
|
</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}} |
|
|
{{item.comment_text}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -223,6 +224,11 @@ |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
.cu-btn1 { |
|
|
|
|
|
background-color: white!important; |
|
|
|
|
|
color: #777!important; |
|
|
|
|
|
border: 1px solid #777!important; |
|
|
|
|
|
} |
|
|
.font-400 { |
|
|
.font-400 { |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
} |
|
|
} |
|
|
@ -236,7 +242,7 @@ |
|
|
.title { |
|
|
.title { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
color: $u-content-color; |
|
|
color: $u-content-color; |
|
|
height: 80rpx; |
|
|
|
|
|
|
|
|
height: 98rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// tab |
|
|
// tab |
|
|
@ -254,7 +260,7 @@ |
|
|
.list { |
|
|
.list { |
|
|
border-radius: 10rpx; |
|
|
border-radius: 10rpx; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
margin: 20rpx 32rpx; |
|
|
|
|
|
|
|
|
margin: 30rpx 32rpx; |
|
|
background-color: #FFFFFF; |
|
|
background-color: #FFFFFF; |
|
|
// box-shadow: 0 0 10px 5px #e5e5e5; |
|
|
// box-shadow: 0 0 10px 5px #e5e5e5; |
|
|
box-shadow: 0 10rpx 20rpx 0 rgba(0, 0, 0, 0.1); |
|
|
box-shadow: 0 10rpx 20rpx 0 rgba(0, 0, 0, 0.1); |
|
|
@ -273,10 +279,10 @@ |
|
|
|
|
|
|
|
|
.right { |
|
|
.right { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
width: 64%; |
|
|
|
|
|
|
|
|
width: 67%; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
margin: 0rpx 20rpx 10rpx 0; |
|
|
|
|
|
|
|
|
margin: 0rpx 20rpx 0rpx 0; |
|
|
color: #222222; |
|
|
color: #222222; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
} |
|
|
} |
|
|
@ -306,7 +312,6 @@ |
|
|
.price { |
|
|
.price { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
color: #FF0000; |
|
|
color: #FF0000; |
|
|
margin-top: 10rpx; |
|
|
|
|
|
button { |
|
|
button { |
|
|
width: 176rpx; |
|
|
width: 176rpx; |
|
|
height: 60rpx; |
|
|
height: 60rpx; |
|
|
|