drink-answer-wechat-uniapp-24-9-2/pages_order/info/infoPages.vue

<template>
	<view class="home">
		<view class="content" style="padding-top: 20vh;">
			<span v-show="btn==='下一页'" style="margin-bottom: 10rpx; font-size: 28rpx;">作为一位</span>
			<span v-show="btn==='下一页'" style="color: #c7a87c;">“{{title1}}”</span>
			<span v-for="(item,index) in textList1" :key="index" class="content-text">
				{{item}}
			</span>
			<view class="flex-col query" style="gap: 0rpx;">
				<view v-show="btn !=='db'">
					<view class="btn2" @click="query">
						{{btn}}
					</view>
				</view>
				<view v-show="btn ==='db'" class="flex-center" style="gap: 30rpx;">
					<view class="btn2" style="padding: 16rpx 80rpx;" @click="pre">
						返回
					</view>
					<view class="btn2" style="padding: 16rpx 80rpx;" @click="next">
						点击预约
					</view>
				</view>
				<text class="second-color">欢快无限饮&nbsp;&nbsp;饮酒有限度</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flag: 0,

				title1: '威士忌鉴赏家',
				textList1: [
					'您的独到品味和对复杂风味的深刻理解展现了',
					'您在威士忌世界中的非凡见解。',
					'无论是高年份的经典之作，',
					'还是精湛工艺的限量版，',
					'每一杯威士忌在您手中都被赋予了更多的意义。',
					'愿您在未来的品鉴之旅中继续探索更多顶级佳酿，',
					'感受威士忌的独特魅力畅享每一滴带来的极致体验!'
				],
				btn: '下一页',

				title2: '威士忌探秘者',
				textList2: [
					'您的好奇心和冒险精神',
					'让您不断探索新奇与未知的滋味。',
					'愿每一杯威士忌都能为您带来',
					'新鲜的体验与惊喜，',
					'在这段探秘旅程中发现无尽的可能性。'
				],


				title3: '威士忌品鉴大师',
				textList3: [
					'您的敏锐舌尖与挑剔眼光',
					'让您在细微之处也能捕捉到每一滴威士忌的精髓。',
					'愿您在今后的品鉴之路上，',
					'继续发现与享受那些别具匠心的美妙时刻。'
				],

				title4: '威士忌藏家',
				textList4: [
					'您的眼光独到,能够识别并珍藏',
					'那些真正值得铭记的佳酿。',
					'愿您在未来的岁月中，',
					'继续收集那些能够讲述故事、承载记忆的珍品,将',
					'您的收藏变成一段永恒的艺术。'
				],

				title5: '威士忌玩家',
				textList5: [
					'您对威士忌的热爱不仅体现在酒杯中',
					'更体现在与朋友分享的每一个欢乐时刻。',
					'愿您在每一次聚会中，',
					'都能用您的创意和激情，',
					'让威士忌成为欢聚的中心，',
					'点燃无数难忘的瞬间。'
				],

				appoint_title: '',
				appoint_text: [
					'您的品味值得专属礼遇!',
					'在您生成了专属称号之后，',
					'我们将为您提供一次奢华的',
					'上门威士忌品鉴服务，',
					'让您在舒适的环境中，',
					'品味与您的称号完美契合的精致佳酿。'
				],


				fail_title: '',
				fail_text: [
					'很抱歉，您的所在区域暂时',
					'无法提供上门威士忌品鉴服务。',
					'但我们仍为您准备了其他专属体验，',
					'敬请期待。'
				],

				success_title: '',
				success_text: [
					'感谢您的预约!',
					'我们已成功安排了您的上门威士忌品鉴服务。',
					'我们的专员将在您选择的时间到达，',
					'为您带来精致的品鉴体验。',
					'期待与您共享这段美妙的威士忌之旅!'
				],
				
				reset_title: '',
				reset_text:[
					'非常抱歉，由于特殊原因，',
					'我们暂时无法在您最初选定的时间段',
					'进行上门品鉴服务。',
					'为了确保您享受到最完美的威士忌体验，',
					'恳请您重新选择一个方便的时间，',
					'我们将优先为您安排，',
					'感谢您的理解与支持。'
				]

			}
		},
		methods: {

			query() {
				if (this.flag === 0) {
					this.title1 = this.title2
					this.textList1 = this.textList2
					this.flag = this.flag + 1
				} else if (this.flag === 1) {
					this.title1 = this.title3
					this.textList1 = this.textList3
					this.flag = this.flag + 1
				} else if (this.flag === 2) {
					this.title1 = this.title4
					this.textList1 = this.textList4
					this.flag = this.flag + 1
				} else if (this.flag === 3) {
					this.title1 = this.title5
					this.textList1 = this.textList5
					this.flag = this.flag + 1
				} else if (this.flag === 4) {
					this.title1 = this.appoint_title
					this.textList1 = this.appoint_text
					this.flag = this.flag + 1
					this.btn = 'db'
				} else if (this.flag === 6) {
					this.btn = '查看详情'
					this.title1 = this.success_title
					this.textList1 = this.success_text
				}
			},

			pre() {
				uni.navigateBack({
					delta: 1
				})
			},

			next() {
				uni.navigateTo({
					url:'/pages_order/info/appointDate'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.query {
		position: relative;
		top: 30vh;
	}
</style>