9 changed files with 60 additions and 264 deletions
Split View
Diff Options
-
+5 -0api/api.js
-
+0 -33pages/index/cancle.vue
-
+0 -89pages/index/checkAge.vue
-
+0 -32pages/index/comment.vue
-
+0 -91pages/index/fillIn.vue
-
+21 -16pages/index/introduce.vue
-
+16 -1pages/index/logoInfo.vue
-
+17 -1pages/index/order.vue
-
+1 -1pages_order/info/appoint.vue
+ 5
- 0
api/api.js
View File
+ 0
- 33
pages/index/cancle.vue
View File
| @ -1,33 +0,0 @@ | |||
| <template> | |||
| <view> | |||
| <greetCmponents :textList="textList" :btn="btn"/> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import greetCmponents from "../../components/home/greetComponents.vue" | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList: [ | |||
| '我们已收到您的取消请求，', | |||
| '非常遗憾无法为您提供此次上门威士忌品鉴服务。', | |||
| '如果您有其他需求或在未来希望重新预约，', | |||
| '随时与我们联系。', | |||
| '期待在合适的时间为您奉上难忘的品监体验!' | |||
| ], | |||
| btn: [] | |||
| } | |||
| }, | |||
| components: { | |||
| greetCmponents | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| </style> | |||
+ 0
- 89
pages/index/checkAge.vue
View File
| @ -1,89 +0,0 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 25vh;"> | |||
| <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.navigateTo({ | |||
| url:'/pages/index/fillIn' | |||
| }) | |||
| } else { | |||
| uni.showToast({ | |||
| title: '请选择并勾选后开启', | |||
| icon: 'none' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| bottom: -15vh; | |||
| } | |||
| .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> | |||
+ 0
- 32
pages/index/comment.vue
View File
| @ -1,32 +0,0 @@ | |||
| <template> | |||
| <view> | |||
| <greetCmponents :textList="textList" :btn="btn"/> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import greetCmponents from "../../components/home/greetComponents.vue" | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList: [ | |||
| '感谢您分享宝贵的评价!', | |||
| '您的反馈对我们非常重要。', | |||
| '祝愿您每一天都充满精彩与愉悦，生活美满，', | |||
| '尽享每一杯威士忌的独特魅力!' | |||
| ], | |||
| btn: [] | |||
| } | |||
| }, | |||
| components: { | |||
| greetCmponents | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| </style> | |||
+ 0
- 91
pages/index/fillIn.vue
View File
| @ -1,91 +0,0 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 25vh;"> | |||
| <span class="font-bold">为了给您提供更个性化的服务</span> | |||
| <span class="font-bold">请您填写以下基本信息</span> | |||
| <view class="flex-col mt-40"> | |||
| <view class="flex-center"> | |||
| <span style="margin-right: 30rpx;">您的姓名:</span> | |||
| <input class="inputStyle" v-model="username" type="text" /> | |||
| </view> | |||
| <view class="flex-center"> | |||
| <span style="margin-right: 30rpx;">手机号码:</span> | |||
| <input class="inputStyle" v-model="phone" type="number" /> | |||
| </view> | |||
| </view> | |||
| <view style="margin-top: 15vh;" @click="query"> | |||
| <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 { | |||
| username:'', | |||
| phone:'' | |||
| } | |||
| }, | |||
| methods: { | |||
| query(){ | |||
| if(!this.username && !this.phone){ | |||
| uni.showToast({ | |||
| title:'您的姓名和手机号都不能为空哦~', | |||
| icon: 'none' | |||
| }) | |||
| }else{ | |||
| uni.navigateTo({ | |||
| url:'/pages/index/greet' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| bottom: -15vh; | |||
| } | |||
| .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; | |||
| } | |||
| } | |||
| .inputStyle{ | |||
| border: 3rpx solid #e5bf7d; | |||
| border-radius: 40rpx; | |||
| color: #e5bf7d; | |||
| padding: 10rpx 10rpx; | |||
| } | |||
| </style> | |||