Commit 75073c0c by zhangzhen

优惠券列表、优惠券选择和订单套餐展示优化

parent 705ad9a5
......@@ -7,10 +7,14 @@
</view>
<view class="part-right">
<view class="coupon-name">
<text class="text-title text-lg text-bold">{{item.name}}</text>
<text class="text-title text-lg text-bold" style="width: 64%;">{{item.name}}</text>
<text class="text-lg" :class="item.useStatus==0?'text-pink':'text-gray'">{{item.useStatus==0?'待使用':'已使用'}}</text>
</view>
<view class="flex-row margin-top">
<view v-if="item.couponType == 4" class="flex-row margin-top">
<text class="">使用说明:</text>
<text>{{item.remark}}</text>
</view>
<view v-else class="flex-row margin-top">
<text class="">使用说明:</text>
<text class="">{{item.minPrice}}元,优惠{{item.subPrice}}</text>
</view>
......@@ -153,6 +157,9 @@
align-items: center;
}
}
.margin-top{
margin-top: 12upx;
}
}
}
}
......
......@@ -57,10 +57,10 @@
<view v-for="(item,index) in packageMode" :key="index" class="flex-col item"
:class="{active: modeIndex===index}"
@tap="onChangeMode(index)">
<text class="text-title">{{item.name}}</text>
<text class="text-title text-sm">{{item.duration}}小时套餐</text>
<view class="flex-row" style="margin-top: 8upx;">
<text>{{item.duration}}小时/</text>
<text ></text>
<!-- <text>{{item.duration}}小时/</text>-->
<text ></text>
<text class="text-title text-bold text-xl">{{item.price}}</text>
</view>
</view>
......@@ -185,7 +185,7 @@
</view>
</view>
<view class="flex-between price use-coupon-box">
<text class="text-black text-left">优惠券</text>
<text class="text-black text-left">{{useCouponList[selectCouponIndex].couponType==2? '团购券':'优惠券'}}</text>
<view class="flex-row" @tap="onNavToSelectCoupon">
<text class="" :class="useCouponList.length?'text-pink':'text-gray'">
{{selectCouponIndex === -1 ? '请选择' : useCouponList.length && selectCouponIndex>=0? useCouponList[selectCouponIndex].name: '暂无可用'}}</text>
......@@ -2029,10 +2029,10 @@
flex: 1;
height: 100%;
.text-title{
font-size: 25upx;
// font-size: 25upx;
}
.flex-row{
font-size: 23upx;
// font-size: 23upx;
}
}
}
......
......@@ -8,10 +8,18 @@
<view class="coupon-name">
<text class="text-title text-lg text-bold">{{item.name}}</text>
</view>
<view class="flex-row margin-top">
<view v-if="item.couponType == 4" class="flex-row margin-top">
<text class="">使用说明:</text>
<text>{{item.remark}}</text>
</view>
<view v-else class="flex-row margin-top">
<text class="">使用说明:</text>
<text class="">{{item.minPrice}}元,优惠{{item.subPrice}}</text>
</view>
<!-- <view class="flex-row margin-top">
<text class="text-black">使用说明:</text>
<text class="text-black">{{item.minPrice}}元,优惠{{item.subPrice}}</text>
</view>
</view> -->
<view v-if="item.couponTimeStart && item.couponTimeEnd" class="des margin-top">
<view class="flex-row">
<text class="text-black">可用时段:</text>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment