drink-answer-wechat-uniapp-24-9-2/components/home/greetComponents.vue

<template>
	<view class="home">
		<view class="content" :class="btn[0]==='下一页'?'mt-25':'mt-30'">
			<span v-show="btn[0]==='下一页'" style="margin-bottom: 10rpx; font-size: 28rpx;">作为一位</span>
			<span style="color: #c7a87c;">{{title}}</span>
			<span v-for="(item,index) in textList" :key="index" 
			style="margin-top: 15rpx;">
				{{item}}
			</span>
			<view class="flex-col query" style="gap: 0rpx;" v-show="btn.length>0">
				<view class="btn2" @click="query">
					{{btn[0]}}
				</view>
				<text class="second-color">欢快无限饮&nbsp;&nbsp;饮酒有限度</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:['title','textList','path','btn'],
		methods: {
			
			query(){
				uni.navigateTo({
					url:this.path
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.query{
	position: absolute;
	bottom: -25vh;
}
.mt-25{
	padding-top: 25vh;
}
.mt-30{
	padding-top: 30vh;
}
</style>