<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">欢快无限饮 饮酒有限度</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>
|