You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
2.7 KiB
149 lines
2.7 KiB
<template>
|
|
<view class="page">
|
|
|
|
<image :src="configList.img_13"
|
|
class="page-bg"
|
|
mode="aspectFill"></image>
|
|
|
|
<image :src="configList.img_7"
|
|
class="logo"
|
|
mode="widthFix"></image>
|
|
|
|
<view class="service">
|
|
|
|
<image :src="configList.img_2"
|
|
class="img_2"
|
|
mode="widthFix"></image>
|
|
|
|
<view class="title">
|
|
专属品鉴服务
|
|
</view>
|
|
|
|
<view class="stext">
|
|
溯源酒厂背后不为人知的故事「尊荣加冕·沉浸品鉴」
|
|
<br />
|
|
恭贺您荣膺「 {{ titleBy.title }} 」品味桂冠!
|
|
<br />
|
|
我们大中华区首席品牌大使将从典藏酒窖中，为您量身精选四款单桶臻酿，
|
|
<br />
|
|
每款臻酿的风味密码，如年轮岩纹，各有千秋变换。
|
|
<br />
|
|
品牌大使将登门拜访，
|
|
<br />
|
|
至您的私享领地带您领略桶陈独特风味的奥秘:
|
|
<br />
|
|
✔ 品鉴大师私授的醒酒秘技
|
|
<br />
|
|
✔ 解锁酒液黄金曲线的陈年密码
|
|
<br />
|
|
✔ 聆听每滴臻酿背后的风土传奇
|
|
<br />
|
|
✔ 溯源酒厂背后不为人知的故事
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btn-list">
|
|
<view class="next-btn-2"
|
|
@click="next">
|
|
点击预约
|
|
</view>
|
|
|
|
<view class="next-btn"
|
|
@click="rep">
|
|
返回
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
export default {
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
onLoad() {
|
|
},
|
|
computed : {
|
|
...mapState(['titleBy']),
|
|
},
|
|
methods: {
|
|
rep(){
|
|
uni.navigateBack(-1)
|
|
// uni.reLaunch({
|
|
// url: '/pages/index/agreement'
|
|
// })
|
|
// uni.navigateTo({
|
|
// url: '/pages/index/end'
|
|
// })
|
|
},
|
|
next(){
|
|
uni.navigateTo({
|
|
url: '/pages_order/info/appoint'
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page{
|
|
.logo{
|
|
width: 600rpx;
|
|
margin: 150rpx 75rpx;
|
|
}
|
|
.service{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
.img_2{
|
|
margin: 0 auto;
|
|
width: 100rpx;
|
|
}
|
|
.title{
|
|
font-weight: 900;
|
|
margin: 20rpx 0;
|
|
font-size: 28rpx;
|
|
}
|
|
.stext{
|
|
width: 620rpx;
|
|
margin-bottom: 70rpx;
|
|
line-height: 45rpx;
|
|
font-size: 24rpx;
|
|
color: #777;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.btn-list{
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 40rpx;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-bottom: 300rpx;
|
|
}
|
|
.next-btn{
|
|
width: 400rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
padding: 22rpx 90rpx;
|
|
background-color: $uni-color;
|
|
border-radius: 40rpx;
|
|
}
|
|
.next-btn-2{
|
|
width: 400rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
padding: 22rpx 90rpx;
|
|
background-color: $uni-color-primary;
|
|
border-radius: 40rpx;
|
|
}
|
|
}
|
|
</style>
|