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.
94 lines
2.2 KiB
94 lines
2.2 KiB
<template>
|
|
<view class="home">
|
|
|
|
<image src="/static/image/bg/1.png"
|
|
class="page-bg"
|
|
mode=""></image>
|
|
|
|
|
|
<view class="content" style="padding-top: 450rpx;">
|
|
<span class="font-bold">Genius Journey Club</span>
|
|
<text style="margin-top: 20rpx; font-size: 28rpx; color: #878787;">欢迎您的到来</text>
|
|
<text style="margin-top: 30rpx; font-size: 28rpx; color: #878787;">使用小程序请确认您已满18周岁</text>
|
|
<view class="mian-btn" :class="{active:isActive === 'yes'}" @click="setActive('yes')">未满18岁</view>
|
|
<view class="mian-btn" :class="{active:isActive === 'no'}" @click="setActive('no')">已满18岁</view>
|
|
<view class="flex-center mt-40">
|
|
<uv-checkbox-group>
|
|
<uv-checkbox size="15px" v-model="isCheck" iconSize="20rpx" activeColor="#e6bf7f" @change="change"></uv-checkbox>
|
|
</uv-checkbox-group>
|
|
<span style="font-size: 26rpx;">我已阅读政策隐私条款</span>
|
|
</view>
|
|
<view class="" style="margin-top: 60rpx;" @click="start">
|
|
<view class="btn2">
|
|
立即开启
|
|
</view>
|
|
</view>
|
|
<view class="flex-col query" style="gap: 0rpx;">
|
|
<text class="second-color">欢快无限饮 饮酒有限度</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
isActive: null,
|
|
isCheck: false
|
|
}
|
|
},
|
|
methods: {
|
|
setActive(val) {
|
|
this.isActive = val
|
|
},
|
|
change(e){
|
|
this.isCheck = e
|
|
},
|
|
start() {
|
|
if (this.isActive && this.isCheck) {
|
|
uni.redirectTo({
|
|
url:'/pages_order/info/fillInfo'
|
|
})
|
|
} else {
|
|
uni.showToast({
|
|
title: '请选择并勾选后开启',
|
|
icon: 'none'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.query {
|
|
position: relative;
|
|
}
|
|
|
|
.b-btn {
|
|
width: 86%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-top: 20vh;
|
|
|
|
.pre-btn {
|
|
border: 4rpx solid #f1e0c6;
|
|
padding: 16rpx 90rpx;
|
|
border-radius: 66rpx;
|
|
color: #e6bf7f;
|
|
}
|
|
|
|
.next-btn {
|
|
// background-image: url('../../static/image/home/btn.png');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 40vw;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
}
|
|
}
|
|
</style>
|