mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-11-12 20:08:53 +08:00
feat: 更新预约功能与礼品卡支持
- 新增礼品卡页面,支持礼品卡的选择与使用。 - 调整预约下单流程,增强预约信息展示与用户交互。 - 更新支付成功页面的导航逻辑,确保用户体验流畅。 - 优化搜索页面的历史关键词加载逻辑,提升性能。
This commit is contained in:
44
pages/order/components/verificationCodes.vue
Normal file
44
pages/order/components/verificationCodes.vue
Normal file
@@ -0,0 +1,44 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user