Fix:5074 【商城小程序】已完成、已过期体验券订单详情页需更换状态栏底色
This commit is contained in:
@@ -2,12 +2,12 @@
|
|||||||
<view class="coupon-order-detail">
|
<view class="coupon-order-detail">
|
||||||
<view class="status-banner" :class="{ 'completed': isCompleted || isExpired }">
|
<view class="status-banner" :class="{ 'completed': isCompleted || isExpired }">
|
||||||
<view v-if="isCompleted">
|
<view v-if="isCompleted">
|
||||||
<view class="status-text v12-white-text">已完成</view>
|
<view class="status-text v12-dark-text">已完成</view>
|
||||||
<view class="status-subtext v12-white-text">期待再次光临</view>
|
<view class="status-subtext v12-dark-text">期待再次光临</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else-if="isExpired">
|
<view v-else-if="isExpired">
|
||||||
<view class="status-text dark-text">已过期</view>
|
<view class="status-text v12-dark-text">已过期</view>
|
||||||
<view class="status-subtext">很遗憾,你的体验券已过期</view>
|
<view class="status-subtext v12-dark-text">很遗憾,你的体验券已过期</view>
|
||||||
</view>
|
</view>
|
||||||
<text v-else class="status-text">{{ statusText }}</text>
|
<text v-else class="status-text">{{ statusText }}</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -320,7 +320,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.status-banner.completed {
|
.status-banner.completed {
|
||||||
// background: #E6EAF3;
|
background: #fff;
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user