完善H5的页面

This commit is contained in:
wangxiaowei
2025-09-26 17:04:39 +08:00
parent e9519b32db
commit bdfa0a90f4
58 changed files with 22564 additions and 605 deletions

View File

@ -8,12 +8,22 @@
<template>
<view class="mt-84rpx flex justify-center items-center">
<view v-if="type == 'room'">
<reserve-notice title="茶室预约成功" desc="可以点击下方查看预约单具体信息">
<view v-if="type == 'groupTeaSpecialist'">
<reserve-notice title="团体茶艺师预约成功" desc="我们会尽快联系您,请保持手机长畅通">
<template #layout>
<view class="pb-22rpx mt-40rpx mx-30rpx flex justify-between items-center text-[32rpx] text-center">
<view class='bg-[#F6F7F8] text-[#303133] rounded-8rpx h-90rpx leading-90rpx mr-28rpx w-300rpx' @click="reserve.handleRoomSeeOrder">查看订单</view>
<view class='bg-[#4C9F44] text-[#fff] rounded-8rpx h-90rpx leading-90rpx w-300rpx' @click="reserve.handleRoomDone">完成</view>
<view class='bg-[#4C9F44] text-[#fff] rounded-24rpx h-90rpx leading-90rpx w-632rpx' @click="reserve.handleRoomDone">完成</view>
</view>
</template>
</reserve-notice>
</view>
<view v-if="type == 'teaSpecialist'">
<reserve-notice title="茶艺师预约成功" desc="可以点击下方查看预约单具体信息">
<template #layout>
<view class="pb-22rpx mt-40rpx mx-30rpx flex justify-between items-center text-[32rpx] text-center">
<view class='bg-[#F6F7F8] text-[#303133] rounded-24rpx h-90rpx leading-90rpx mr-28rpx w-300rpx' @click="reserve.handleRoomSeeOrder">查看订单</view>
<view class='bg-[#4C9F44] text-[#fff] rounded-24rpx h-90rpx leading-90rpx w-300rpx' @click="reserve.handleRoomDone">完成</view>
</view>
</template>
</reserve-notice>
@ -24,7 +34,7 @@
<script lang="ts" setup>
import ReserveNotice from '@/components/notice/Reserve.vue'
const type = ref<string>('') // 购买类型 room: 预约茶室
const type = ref<string>('') // 购买类型 groupTeaSpecialist: 团体茶艺师预约; teaSpecialist: 茶艺师预约
onLoad((args) => {
type.value = args.type || ''