feat: 券面名称改为「200元汽油电子券」,券详情页移除有效角标与券规则行(同步清理无用引用样式)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
ad710a81ce
commit
091832ce65
@@ -18,7 +18,6 @@
|
||||
<!-- 已发券(statusCode=2):二维码 + 订单信息 -->
|
||||
<block v-else-if="status === 2">
|
||||
<view class="qrbox">
|
||||
<view class="qr-badge">有效</view>
|
||||
<!-- 核销码为图片URL时直接展示 -->
|
||||
<image v-if="isQrImage" class="qr-img" :src="qrText" mode="widthFix" />
|
||||
<!-- 核销码为字符串时前端渲染二维码(每60秒向服务端换取新码) -->
|
||||
@@ -29,7 +28,6 @@
|
||||
<view class="card">
|
||||
<view class="card-title">订单信息</view>
|
||||
<view class="kv"><text class="k">券名称</text><text class="v">{{ voucherName }}</text></view>
|
||||
<view class="kv"><text class="k">券规则</text><text class="v rule-hl">{{ voucherRule }} | 无门槛</text></view>
|
||||
<view class="kv"><text class="k">有效期至</text><text class="v">{{ voucher.validUntil || '-' }}</text></view>
|
||||
<view class="kv"><text class="k">实付金额</text><text class="v">¥{{ amountText }}</text></view>
|
||||
<view class="kv"><text class="k">支付时间</text><text class="v">{{ fmtTime(voucher.payTime) }}</text></view>
|
||||
@@ -82,7 +80,7 @@
|
||||
|
||||
<script>
|
||||
import {
|
||||
VOUCHER_NAME, VOUCHER_RULE, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
|
||||
VOUCHER_NAME, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
|
||||
bizOk, bizMsg, bizData
|
||||
} from '@/common/petrolVoucher.js'
|
||||
|
||||
@@ -98,7 +96,6 @@ export default {
|
||||
pollLeft: 3,
|
||||
checkTimer: null,
|
||||
voucherName: VOUCHER_NAME,
|
||||
voucherRule: VOUCHER_RULE,
|
||||
useRules: VOUCHER_USE_RULES,
|
||||
useFlow: VOUCHER_USE_FLOW
|
||||
}
|
||||
@@ -235,7 +232,6 @@ export default {
|
||||
.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1818; padding: 0 56px; }
|
||||
|
||||
.qrbox { position: relative; background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 28px 20px 18px; text-align: center; }
|
||||
.qr-badge { position: absolute; top: 14px; left: 14px; font-size: 11px; color: #2BB879; border: 1px solid #b6e6cf; border-radius: 3px; padding: 2px 8px; background-color: #f2fbf7; }
|
||||
.qr-canvas { display: inline-block; }
|
||||
.qr-canvas img, .qr-canvas canvas { display: block; }
|
||||
.qr-img { width: 200px; }
|
||||
@@ -247,7 +243,6 @@ export default {
|
||||
.kv:last-child { border-bottom: none; }
|
||||
.k { color: #999999; flex-shrink: 0; margin-right: 12px; }
|
||||
.v { color: #1a1818; text-align: right; word-break: break-all; }
|
||||
.rule-hl { color: #ff4d4f; font-weight: 600; }
|
||||
.ol-item { font-size: 13px; color: #666666; line-height: 1.8; }
|
||||
|
||||
.issuing { background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 46px 20px 26px; text-align: center; }
|
||||
|
||||
Reference in New Issue
Block a user