百富门答题小程序
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.
 
 
 

124 lines
2.1 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">
专属品鉴服务 根据您的称号我们为您匹配了专属的单桶品鉴组合, 并且为您提供一次专属上门品鉴服务, 您可以点击下方按钮进行预约
</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>
export default {
data() {
return {
}
},
onLoad() {
},
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: 30rpx 0;
}
.stext{
width: 600rpx;
margin-bottom: 150rpx;
line-height: 50rpx;
font-size: 26rpx;
color: #777;
}
}
.btn-list{
display: flex;
flex-direction: column;
gap: 40rpx;
width: 100%;
justify-content: center;
align-items: center;
}
.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>