mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-11-07 01:18:53 +08:00
0bffe81c6b
- 新增礼品卡页面，支持礼品卡的选择与使用。 - 调整预约下单流程，增强预约信息展示与用户交互。 - 更新支付成功页面的导航逻辑，确保用户体验流畅。 - 优化搜索页面的历史关键词加载逻辑，提升性能。
45 lines
900 B
Vue
45 lines
900 B
Vue
<template>
|
|
<view v-if="items.length" class="verify-codes">
|
|
<view v-for="(item, index) in items" :key="item.key" class="verify-code">
|
|
<text class="verify-code__label">{{ index === 0 ? '核销码' : '' }}</text>
|
|
<text class="verify-code__text" :class="{ 'is-struck': item.struck }">{{ item.code }}</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
items: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.verify-code {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
margin-bottom: 12rpx;
|
|
line-height: 1.5;
|
|
}
|
|
.verify-code__label {
|
|
color: #999;
|
|
width: 140rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.verify-code__text {
|
|
flex: 1;
|
|
min-width: 0;
|
|
font-weight: bold;
|
|
letter-spacing: 2rpx;
|
|
color: #333;
|
|
}
|
|
.verify-code__text.is-struck {
|
|
color: #999;
|
|
font-weight: normal;
|
|
text-decoration: line-through;
|
|
}
|
|
</style>
|