9 changed files with 60 additions and 264 deletions
Unified 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> | |||||