refactor(private-detail): 退款弹窗去掉规则描述文字,仅保留时间档位和比例
This commit is contained in:
@@ -79,21 +79,16 @@
|
|||||||
<view class="refund-rules-header">
|
<view class="refund-rules-header">
|
||||||
<text>距开始时间</text>
|
<text>距开始时间</text>
|
||||||
<text>退款比例</text>
|
<text>退款比例</text>
|
||||||
<text>说明</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-for="(rule, idx) in refundQuote.rules" :key="idx" class="refund-rule-row" :class="{ active: rule.description === refundQuote.applicable_tier_description }">
|
<view v-for="(rule, idx) in refundQuote.rules" :key="idx" class="refund-rule-row" :class="{ active: rule.description === refundQuote.applicable_tier_description }">
|
||||||
<text>{{ formatHoursBefore(rule.hours_before_start, idx) }}</text>
|
<text>{{ formatHoursBefore(rule.hours_before_start, idx) }}</text>
|
||||||
<text>{{ rule.refund_percentage }}%</text>
|
<text>{{ rule.refund_percentage }}%</text>
|
||||||
<text>{{ rule.description }}</text>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="refund-amount-box">
|
<view class="refund-amount-box">
|
||||||
<text class="refund-amount-label">本次退款金额</text>
|
<text class="refund-amount-label">本次退款金额</text>
|
||||||
<text class="refund-amount-value">¥{{ refundQuote.refund_amount }}</text>
|
<text class="refund-amount-value">¥{{ refundQuote.refund_amount }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="refund-tips">
|
|
||||||
<text>{{ refundQuote.applicable_tier_description || '当前不可取消' }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="refund-popup-footer">
|
<view class="refund-popup-footer">
|
||||||
<button class="ghost-button refund-btn" @tap="closeRefundPopup">再想想</button>
|
<button class="ghost-button refund-btn" @tap="closeRefundPopup">再想想</button>
|
||||||
@@ -339,9 +334,6 @@ const formatHoursBefore = (hours, idx) => {
|
|||||||
text {
|
text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&:first-child { flex: 0.8; }
|
|
||||||
&:last-child { flex: 1.4; }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -355,9 +347,6 @@ const formatHoursBefore = (hours, idx) => {
|
|||||||
text {
|
text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&:first-child { flex: 0.8; }
|
|
||||||
&:last-child { flex: 1.4; text-align: left; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
@@ -392,13 +381,6 @@ const formatHoursBefore = (hours, idx) => {
|
|||||||
color: $color-danger;
|
color: $color-danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
.refund-tips {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 22rpx;
|
|
||||||
color: $text-color-muted;
|
|
||||||
margin-bottom: $spacing-md;
|
|
||||||
}
|
|
||||||
|
|
||||||
.refund-popup-footer {
|
.refund-popup-footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: $spacing-md;
|
gap: $spacing-md;
|
||||||
|
|||||||
Reference in New Issue
Block a user