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