refactor(private-detail): 退款弹窗去掉规则描述文字,仅保留时间档位和比例

This commit is contained in:
gqt
2026-08-14 16:58:30 +08:00
parent e4a05379ce
commit 0b694ff6db
@@ -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;