|
@@ -4,15 +4,18 @@
|
|
|
<view class="coupon-head">
|
|
|
<view class="coupon-sel"></view>
|
|
|
<view class="coupon-title">
|
|
|
- <view class="coupon-title-1">{{couponInfo?couponInfo.title:''}}</view>
|
|
|
+ <view class="coupon-title-1">{{couponInfo.title}}</view>
|
|
|
</view>
|
|
|
<view class="coupon-price">
|
|
|
- ¥<text>{{couponInfo?couponInfo.subAmount:''}}</text>
|
|
|
+ ¥<text>{{couponInfo.subAmount}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="coupon-desc">
|
|
|
- <view><u-icon class="icon" size="30" name="clock"></u-icon> 有效期:{{couponInfo?couponInfo.validDateStr:''}}</view>
|
|
|
- <view><u-icon class="icon" size="30" name="info-circle"></u-icon> {{couponInfo && couponInfo.ruleDesc?couponInfo.ruleDesc:''}}</view>
|
|
|
+ <view><u-icon class="icon" size="30" name="clock"></u-icon> 有效期:{{couponInfo.validDateStr}}</view>
|
|
|
+ <view>
|
|
|
+ <u-icon class="icon" size="30" name="info-circle"></u-icon>
|
|
|
+ <text class="couponRuleDesc">{{couponInfo.ruleDesc}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<u-empty :text="noDataText" v-if="!couponInfo && status!='loading'" mode="coupon"></u-empty>
|
|
@@ -158,6 +161,13 @@
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
>view{
|
|
|
padding: 5rpx 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+ .couponRuleDesc{
|
|
|
+ width: 100%;
|
|
|
+ padding-right: 30rpx;
|
|
|
+ word-wrap: break-word;
|
|
|
}
|
|
|
.icon{
|
|
|
margin-right: 10rpx;
|