|
@@ -20,6 +20,7 @@
|
|
|
<text class="sub-title" v-else>满{{ info.thresholdMoney || 0 }}减{{ info.faceMoney || 0 }}元</text>
|
|
<text class="sub-title" v-else>满{{ info.thresholdMoney || 0 }}减{{ info.faceMoney || 0 }}元</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="date">{{ formatEndTime }}到期</view>
|
|
<view class="date">{{ formatEndTime }}到期</view>
|
|
|
|
|
+ <view class="refund-tip" :class="{ 'has-action': status === 0 }">订单发生退款时,红包不支持退回,敬请留意。</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="action-box" v-if="status === 0">
|
|
<view class="action-box" v-if="status === 0">
|
|
@@ -80,7 +81,7 @@
|
|
|
.red-packet-item {
|
|
.red-packet-item {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
width: 702rpx;
|
|
width: 702rpx;
|
|
|
- height: 180rpx;
|
|
|
|
|
|
|
+ height: 248rpx;
|
|
|
margin: 20rpx auto;
|
|
margin: 20rpx auto;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
padding: 6rpx;
|
|
padding: 6rpx;
|
|
@@ -152,7 +153,7 @@
|
|
|
|
|
|
|
|
.right-part {
|
|
.right-part {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
- padding: 30rpx 30rpx 30rpx 20rpx;
|
|
|
|
|
|
|
+ padding: 24rpx 24rpx 20rpx 20rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -162,7 +163,7 @@
|
|
|
.title-row {
|
|
.title-row {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- margin-bottom: 20rpx;
|
|
|
|
|
|
|
+ margin-bottom: 12rpx;
|
|
|
|
|
|
|
|
.type-name {
|
|
.type-name {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
@@ -181,12 +182,23 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
color: #999;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .refund-tip {
|
|
|
|
|
+ margin-top: 10rpx;
|
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
|
+ line-height: 32rpx;
|
|
|
|
|
+ color: #666;
|
|
|
|
|
+
|
|
|
|
|
+ &.has-action {
|
|
|
|
|
+ padding-right: 160rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.action-box {
|
|
.action-box {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- right: 30rpx;
|
|
|
|
|
- bottom: 30rpx;
|
|
|
|
|
|
|
+ right: 24rpx;
|
|
|
|
|
+ bottom: 28rpx;
|
|
|
|
|
|
|
|
.btn-use {
|
|
.btn-use {
|
|
|
background: radial-gradient( 0% 0% at 0% 0%, #F3B26B 0%, #FFF1D8 100%);
|
|
background: radial-gradient( 0% 0% at 0% 0%, #F3B26B 0%, #FFF1D8 100%);
|
|
@@ -245,6 +257,9 @@
|
|
|
.date {
|
|
.date {
|
|
|
color: #787878;
|
|
color: #787878;
|
|
|
}
|
|
}
|
|
|
|
|
+ .refund-tip {
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|