25 changed files with 1307 additions and 482 deletions
Split View
Diff Options
-
+83 -73App.vue
-
+1 -3package.json
-
+48 -122pages.json
-
+11 -4pages/index/home.vue
-
+1 -1pages_order/auth/loginAndRegisterAndForgetPassword.vue
-
+64 -136pages_order/auth/wxLogin.vue
-
+43 -135pages_order/auth/wxUserInfo.vue
-
+122 -0pages_order/info/appoint.vue
-
+191 -0pages_order/info/appointDate.vue
-
+38 -0pages_order/info/chooseArea.vue
-
+34 -0pages_order/info/comment.vue
-
+104 -0pages_order/info/experience.vue
-
+35 -0pages_order/info/feedback.vue
-
+90 -0pages_order/info/fillInfo.vue
-
+40 -0pages_order/info/greet.vue
-
+176 -0pages_order/info/infoPages.vue
-
+89 -0pages_order/info/isAdult.vue
-
+49 -0pages_order/info/start.vue
-
+63 -0pages_order/info/startTest.vue
-
+1 -0pages_order/static/info/down.svg
-
BINpages_order/static/info/下拉.png
-
+8 -7project.config.json
-
+13 -0project.private.config.json
-
+2 -1uni.scss
-
+1 -0utils/index.js
+ 83
- 73
App.vue
View File
+ 1
- 3
package.json
View File
+ 48
- 122
pages.json
View File
+ 11
- 4
pages/index/home.vue
View File
+ 1
- 1
pages_order/auth/loginAndRegisterAndForgetPassword.vue
View File
+ 64
- 136
pages_order/auth/wxLogin.vue
View File
+ 43
- 135
pages_order/auth/wxUserInfo.vue
View File
+ 122
- 0
pages_order/info/appoint.vue
View File
| @ -0,0 +1,122 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 15vh;"> | |||
| <view class="flex-col mt-40" style="width: 90vw; padding: 20rpx 0; gap: 10rpx; border-radius: 12rpx; border: 2rpx solid #07c060;"> | |||
| <span style="font-size: 28rpx;">请选择您方便的时间，</span> | |||
| <span style="font-size: 28rpx;">我们将根据您的日程为您安排上门威士忌品鉴服务，</span> | |||
| <span style="font-size: 28rpx;">确保您能在舒适的环境中尽享专属体验</span> | |||
| </view> | |||
| <span class="font-bold" style="margin-top: 5vh;">预约信息</span> | |||
| <view class="" style="width: 90vw;"> | |||
| <view class="flex-sb mt-40"> | |||
| <view class="date"> | |||
| {{year}} | |||
| <img src="../static/info/下拉.png" style="width: 25rpx; height: 25rpx;"/> | |||
| </view> | |||
| <view class="date"> | |||
| {{date}} | |||
| <img src="../static/info/下拉.png" style="width: 25rpx; height: 25rpx;"/> | |||
| </view> | |||
| <view class="date"> | |||
| {{time}} | |||
| <img src="../static/info/下拉.png" style="width: 25rpx; height: 25rpx;"/> | |||
| </view> | |||
| </view> | |||
| <view class="flex-start-col mt-40"> | |||
| <view class="flex-center" style="align-items: flex-end;"> | |||
| <view class="flex-start-col" style="gap: 10rpx;"> | |||
| <span>姓名:</span> | |||
| <input v-model="username" type="text" class="input" style="width: 20vw;"></input> | |||
| </view> | |||
| <span style="margin-left: 20rpx; color: #dddddc; font-size: 26rpx;">(最开始填写的直接导入)</span> | |||
| </view> | |||
| <view class="flex-center" style="align-items: flex-end;"> | |||
| <view class="flex-start-col" style="gap: 10rpx;"> | |||
| <span>联系电话:</span> | |||
| <input v-model="phone" type="tel" class="input"></input> | |||
| </view> | |||
| <span style="margin-left: 20rpx; color: #dddddc; font-size: 26rpx;">(最开始填写的直接导入)</span> | |||
| </view> | |||
| <view class="flex-center"> | |||
| <view class="flex-start-col" style="gap: 10rpx; width: 80vw;"> | |||
| <span>详细地址:</span> | |||
| <input v-model="address" type="text" class="input" style="width: 100%; height: 60rpx;"></input> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="flex-col query" style="gap: 0rpx;"> | |||
| <view class="flex-center" style="gap: 30rpx;"> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="pre"> | |||
| 返回 | |||
| </view> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="next"> | |||
| 确定 / 提交 | |||
| </view> | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| year: '2024年', | |||
| date: '9月20日', | |||
| time: '08：00', | |||
| firstName: '张', | |||
| lastName: '里于', | |||
| gender: '', | |||
| phone: '', | |||
| message: '' | |||
| } | |||
| }, | |||
| methods: { | |||
| next() { | |||
| uni.navigateTo({ | |||
| url: '/pages_order/info/start' | |||
| }) | |||
| }, | |||
| pre(){ | |||
| uni.navigateBack({ | |||
| delta:1 | |||
| }) | |||
| } | |||
| }, | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| bottom: -5vh; | |||
| } | |||
| .date { | |||
| border: 2rpx solid $uni-color; | |||
| padding: 14rpx 30rpx; | |||
| border-radius: 12rpx; | |||
| } | |||
| .main-color{ | |||
| flex-wrap: nowrap; | |||
| color: $uni-color; | |||
| } | |||
| .input{ | |||
| border: 2rpx solid #FD5100; | |||
| border-radius: 10rpx; | |||
| padding: 10rpx; | |||
| } | |||
| .area{ | |||
| border: 2rpx solid #FD5100; | |||
| border-radius: 10rpx; | |||
| padding: 10rpx; | |||
| width: 100%; | |||
| height: 120rpx; | |||
| } | |||
| </style> | |||
+ 191
- 0
pages_order/info/appointDate.vue
View File
| @ -0,0 +1,191 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 15vh;"> | |||
| <span class="font-bold">预约日期和时间</span> | |||
| <view class="flex-center mt-40" style="gap: 50rpx;" @click="open"> | |||
| <view class="date"> | |||
| {{year}} | |||
| </view> | |||
| <view class="date"> | |||
| {{date}} | |||
| </view> | |||
| <view class="date"> | |||
| {{time}} | |||
| </view> | |||
| </view> | |||
| <span class="font-bold" style="margin-top: 5vh;">预约信息</span> | |||
| <view class="" style="width: 80vw;"> | |||
| <view class="flex-sb mt-40"> | |||
| <view class="flex-center"> | |||
| <view class="date"> | |||
| {{firstName}} | |||
| </view> | |||
| <span style="margin-left: 30rpx;">姓</span> | |||
| </view> | |||
| <view class="flex-center"> | |||
| <view class="date"> | |||
| {{lastName}} | |||
| </view> | |||
| <span style="margin-left: 30rpx;">名</span> | |||
| </view> | |||
| <view class="flex-center"> | |||
| <view class="flex-center" style="position: relative;" @click="checkGender"> | |||
| <span class="main-color">先生</span> | |||
| <img src="../static/info/下拉.png" alt="" style="width: 40rpx; height: 40rpx;" /> | |||
| </view> | |||
| <view class="flex-col select" id="select" ref="check"> | |||
| <span class="main-color">先生</span> | |||
| <span class="main-color">女士</span> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="flex-sb mt-40"> | |||
| <view class="flex-center" style="gap: 30rpx;"> | |||
| <input v-model="phone" type="tel" class="input"></input> | |||
| <span>手机</span> | |||
| </view> | |||
| <view class=""> | |||
| <span class="main-color" style="text-decoration: underline;">修改号码</span> | |||
| </view> | |||
| </view> | |||
| <view class="mt-40" style="width: 100%;"> | |||
| <textarea class="area" cols="20" rows="20" placeholder="如有下一步需求,请告诉我们"></textarea> | |||
| </view> | |||
| <view class="flex-start-col mt-40" style="gap: 20rpx;"> | |||
| <view style="display: flex; align-items: start; gap: 20rpx;"> | |||
| <uv-icon size="40" name="checkmark-circle" color="#07c060"></uv-icon> | |||
| <span style="font-size: 28rpx;">本人提交此信息即表示本人已网读并接受Genius JourneyClub 的使用条款和个人信息处理规则。</span> | |||
| </view> | |||
| <view class="flex-center" style="gap: 20rpx;"> | |||
| <uv-icon size="40" name="info-circle" color="#07c060"></uv-icon> | |||
| <span style="font-size: 28rpx;">未满18周岁请勿参与此内容。</span> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="flex-col query" style="gap: 0rpx;"> | |||
| <view class="flex-center" style="gap: 30rpx;"> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="pre"> | |||
| 返回 | |||
| </view> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="next"> | |||
| 取消预约 | |||
| </view> | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| <uv-popup mode="bottom" round="20" closeable ref="service" duration="500"> | |||
| <view class="flex-col" style="gap: 30rpx; padding: 40rpx 0;"> | |||
| <text style="font-weight: bold;">请填写预约信息</text> | |||
| <view class="flex-sa"> | |||
| <img src="../static/address/icon.png" alt="" style="width: 40rpx; height: 40rpx;" /> | |||
| <span>{{username}}</span> | |||
| <span>{{address}}</span> | |||
| </view> | |||
| </view> | |||
| <view class="" style="height: 20rpx; width: 100vw; background-color: #f6f6f6;"> | |||
| </view> | |||
| <view class="" style="padding: 40rpx;"> | |||
| <span>预约时间</span> | |||
| <view class="flex-sa mt-40" style="background-color: #f6f6f6; padding: 30rpx 20rpx;"> | |||
| <span style="margin-right: 30rpx;">备注</span> | |||
| <uv-input placeholder="填选,可输入的其他需求" border="none" v-model="remark_column"></uv-input> | |||
| </view> | |||
| <uv-calendar ref="calendar" @confirm="confirm"></uv-calendar> | |||
| <view class="flex-sb mt-40" style="width: 90vw;border-radius: 100rpx; border: 2rpx solid #fab445; box-sizing: border-box; overflow: hidden;"> | |||
| <span style=" padding: 30rpx;color: #fab445;">暂不预约，先购买</span> | |||
| <span style=" padding: 30rpx;background-color: #fab445; color: white;">下一步，确认订单</span> | |||
| </view> | |||
| </view> | |||
| </uv-popup> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| year: '2024年', | |||
| date: '9月20日', | |||
| time: '08：00', | |||
| firstName: '张', | |||
| lastName: '里于', | |||
| gender: '', | |||
| phone: '', | |||
| message: '', | |||
| username: '利曼和', | |||
| address: '湖南省长沙市天心村天启小区6栋', | |||
| remark_column:'' | |||
| } | |||
| }, | |||
| methods: { | |||
| next() { | |||
| uni.navigateTo({ | |||
| url: '/pages_order/info/start' | |||
| }) | |||
| }, | |||
| pre() { | |||
| uni.navigateBack({ | |||
| delta: 1 | |||
| }) | |||
| }, | |||
| open() { | |||
| this.$refs.calendar.open(); | |||
| this.$refs.service.open(); | |||
| }, | |||
| confirm(e){ | |||
| console.log(e); | |||
| }, | |||
| checkGender(){ | |||
| } | |||
| }, | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| bottom: -5vh; | |||
| } | |||
| .date { | |||
| border: 2rpx solid $uni-color; | |||
| padding: 14rpx 30rpx; | |||
| border-radius: 12rpx; | |||
| } | |||
| .main-color { | |||
| flex-wrap: nowrap; | |||
| color: $uni-color; | |||
| } | |||
| .input { | |||
| border: 2rpx solid #FD5100; | |||
| border-radius: 10rpx; | |||
| padding: 10rpx; | |||
| } | |||
| .area { | |||
| border: 2rpx solid #FD5100; | |||
| border-radius: 10rpx; | |||
| padding: 10rpx; | |||
| width: 100%; | |||
| height: 120rpx; | |||
| } | |||
| .select{ | |||
| position: absolute; | |||
| margin-top: 180rpx; | |||
| margin-right: 25rpx; | |||
| gap: 10rpx; | |||
| width: 120rpx; | |||
| height: 120rpx; | |||
| background: white; | |||
| border-radius: 10rpx; | |||
| font-size: 28rpx; | |||
| transition: 0.4s; | |||
| display: none; | |||
| } | |||
| </style> | |||
+ 38
- 0
pages_order/info/chooseArea.vue
View File
| @ -0,0 +1,38 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content"> | |||
| <span class="font-bold mb-60">请选择您所在的区域</span> | |||
| <view class="flex-col query" style="gap: 0rpx;"> | |||
| <view class="btn2" @click="next"> | |||
| 确定 | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| next() { | |||
| uni.navigateTo({ | |||
| url: '/pages_order/info/isAdult' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| bottom: -25vh; | |||
| } | |||
| </style> | |||
+ 34
- 0
pages_order/info/comment.vue
View File
| @ -0,0 +1,34 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 30vh;"> | |||
| <span v-for="(item,index) in textList1" :key="index" class="content-text" style="font-size: 28rpx;"> | |||
| {{item}} | |||
| </span> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList1: [ | |||
| '感谢您分享宝贵的评价!', | |||
| '您的反馈对我们非常重要。', | |||
| '祝愿您每一天都充满精彩与愉悦，生活美满，', | |||
| '尽享每一杯威士忌的独特魅力!' | |||
| ], | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| top: 30vh; | |||
| } | |||
| </style> | |||
+ 104
- 0
pages_order/info/experience.vue
View File
| @ -0,0 +1,104 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 20vh;"> | |||
| <span style="font-weight: bold; margin-bottom: 40rpx;">整体体验</span> | |||
| <view class="flex-start-col" style="gap: 10rpx;"> | |||
| <text>请评价服务的整体质量和满足感。</text> | |||
| <text>包括品鉴过程中的舒适度和整体氛围。</text> | |||
| </view> | |||
| <view class="mt-40"> | |||
| <uv-radio-group shape="circle" v-model="checkboxValue"> | |||
| <view style="display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 72vw;"> | |||
| <uv-radio inactiveColor="#ecb864" activeColor="#ecb864" labelColor="#ecb864" size="30" | |||
| labelSize="18px" iconSize="10px" label="不满意" name="不满意" | |||
| :customStyle="{margin: '8px'}"></uv-radio> | |||
| <uv-radio inactiveColor="#ecb864" activeColor="#ecb864" labelColor="#ecb864" size="30" | |||
| labelSize="18px" iconSize="10px" label="一般" name="一般" | |||
| :customStyle="{margin: '8px'}"></uv-radio> | |||
| <uv-radio inactiveColor="#ecb864" activeColor="#ecb864" labelColor="#ecb864" size="30" | |||
| labelSize="18px" iconSize="10px" label="满意" name="满意" | |||
| :customStyle="{margin: '8px'}"></uv-radio> | |||
| </view> | |||
| </uv-radio-group> | |||
| </view> | |||
| <view class="flex-center mt-20" style="width: 60%; gap: 10rpx;"> | |||
| <view class="box active"></view> | |||
| <view class="box"></view> | |||
| <view class="box"></view> | |||
| <view class="box"></view> | |||
| <view class="box"></view> | |||
| </view> | |||
| <view class="flex-center" style="margin-top: 20rpx;"> | |||
| <span class="flex-center" style="font-size: 24rpx; gap: 10rpx;"> | |||
| <span class="indexs">{{index}}</span> | |||
| <span>/</span> | |||
| <span>5</span> | |||
| </span> | |||
| </view> | |||
| <view class="flex-col query mt-40" style="gap: 0rpx;"> | |||
| <view class="flex-center" style="gap: 30rpx;"> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="pre"> | |||
| 上一题 | |||
| </view> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="next"> | |||
| 结束 | |||
| </view> | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| index: 1, | |||
| } | |||
| }, | |||
| methods: { | |||
| query() { | |||
| }, | |||
| pre() { | |||
| uni.navigateBack({ | |||
| delta: 1 | |||
| }) | |||
| }, | |||
| next() { | |||
| uni.redirectTo({ | |||
| url: '/pages_order/info/startTest' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| top: 10vh; | |||
| } | |||
| .box { | |||
| height: 15rpx; | |||
| width: 75rpx; | |||
| border-radius: 30rpx; | |||
| background-color: #fff6e5; | |||
| border: 2rpx solid #f6cf8e; | |||
| } | |||
| .active { | |||
| background-color: #f6cf8e; | |||
| } | |||
| .indexs { | |||
| color: #f6cf8e; | |||
| } | |||
| </style> | |||
+ 35
- 0
pages_order/info/feedback.vue
View File
| @ -0,0 +1,35 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 30vh;"> | |||
| <span v-for="(item,index) in textList1" :key="index" class="content-text" style="font-size: 28rpx;"> | |||
| {{item}} | |||
| </span> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList1: [ | |||
| '我们已收到您的取消请求，', | |||
| '非常遗憾无法为您提供此次上门威士忌品鉴服务。', | |||
| '如果您有其他需求或在未来希望重新预约，', | |||
| '随时与我们联系。', | |||
| '期待在合适的时间为您奉上难忘的品监体验!', | |||
| ], | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| top: 30vh; | |||
| } | |||
| </style> | |||
+ 90
- 0
pages_order/info/fillInfo.vue
View File
| @ -0,0 +1,90 @@ | |||
| <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_order/info/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> | |||
+ 40
- 0
pages_order/info/greet.vue
View File
| @ -0,0 +1,40 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 30vh;"> | |||
| <span>欢迎</span> | |||
| <span style="font-size: 80rpx; margin: 20rpx 0;">Christine</span> | |||
| <view class="flex-col" style="gap: 5rpx; margin-top: 40rpx;"> | |||
| <span>来到百富门的世界</span> | |||
| <span>品味传承与创新交织的威士忌艺术</span> | |||
| <span>开启您的专属品鉴之旅</span> | |||
| </view> | |||
| <view style="margin-top: 6vh;" @click="query"> | |||
| <view class="btn2"> | |||
| 点击进入 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| query(){ | |||
| uni.navigateTo({ | |||
| url: '/pages_order/info/infoPages' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| </style> | |||
+ 176
- 0
pages_order/info/infoPages.vue
View File
| @ -0,0 +1,176 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 20vh;"> | |||
| <span v-show="btn==='下一页'" style="margin-bottom: 10rpx; font-size: 28rpx;">作为一位</span> | |||
| <span v-show="btn==='下一页'" style="color: #c7a87c;">“{{title1}}”</span> | |||
| <span v-for="(item,index) in textList1" :key="index" class="content-text"> | |||
| {{item}} | |||
| </span> | |||
| <view class="flex-col query" style="gap: 0rpx;"> | |||
| <view v-show="btn !=='db'"> | |||
| <view class="btn2" @click="query"> | |||
| {{btn}} | |||
| </view> | |||
| </view> | |||
| <view v-show="btn ==='db'" class="flex-center" style="gap: 30rpx;"> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="pre"> | |||
| 返回 | |||
| </view> | |||
| <view class="btn2" style="padding: 16rpx 80rpx;" @click="next"> | |||
| 点击预约 | |||
| </view> | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| flag: 0, | |||
| title1: '威士忌鉴赏家', | |||
| textList1: [ | |||
| '您的独到品味和对复杂风味的深刻理解展现了', | |||
| '您在威士忌世界中的非凡见解。', | |||
| '无论是高年份的经典之作，', | |||
| '还是精湛工艺的限量版，', | |||
| '每一杯威士忌在您手中都被赋予了更多的意义。', | |||
| '愿您在未来的品鉴之旅中继续探索更多顶级佳酿，', | |||
| '感受威士忌的独特魅力畅享每一滴带来的极致体验!' | |||
| ], | |||
| btn: '下一页', | |||
| title2: '威士忌探秘者', | |||
| textList2: [ | |||
| '您的好奇心和冒险精神', | |||
| '让您不断探索新奇与未知的滋味。', | |||
| '愿每一杯威士忌都能为您带来', | |||
| '新鲜的体验与惊喜，', | |||
| '在这段探秘旅程中发现无尽的可能性。' | |||
| ], | |||
| title3: '威士忌品鉴大师', | |||
| textList3: [ | |||
| '您的敏锐舌尖与挑剔眼光', | |||
| '让您在细微之处也能捕捉到每一滴威士忌的精髓。', | |||
| '愿您在今后的品鉴之路上，', | |||
| '继续发现与享受那些别具匠心的美妙时刻。' | |||
| ], | |||
| title4: '威士忌藏家', | |||
| textList4: [ | |||
| '您的眼光独到,能够识别并珍藏', | |||
| '那些真正值得铭记的佳酿。', | |||
| '愿您在未来的岁月中，', | |||
| '继续收集那些能够讲述故事、承载记忆的珍品,将', | |||
| '您的收藏变成一段永恒的艺术。' | |||
| ], | |||
| title5: '威士忌玩家', | |||
| textList5: [ | |||
| '您对威士忌的热爱不仅体现在酒杯中', | |||
| '更体现在与朋友分享的每一个欢乐时刻。', | |||
| '愿您在每一次聚会中，', | |||
| '都能用您的创意和激情，', | |||
| '让威士忌成为欢聚的中心，', | |||
| '点燃无数难忘的瞬间。' | |||
| ], | |||
| appoint_title: '', | |||
| appoint_text: [ | |||
| '您的品味值得专属礼遇!', | |||
| '在您生成了专属称号之后，', | |||
| '我们将为您提供一次奢华的', | |||
| '上门威士忌品鉴服务，', | |||
| '让您在舒适的环境中，', | |||
| '品味与您的称号完美契合的精致佳酿。' | |||
| ], | |||
| fail_title: '', | |||
| fail_text: [ | |||
| '很抱歉，您的所在区域暂时', | |||
| '无法提供上门威士忌品鉴服务。', | |||
| '但我们仍为您准备了其他专属体验，', | |||
| '敬请期待。' | |||
| ], | |||
| success_title: '', | |||
| success_text: [ | |||
| '感谢您的预约!', | |||
| '我们已成功安排了您的上门威士忌品鉴服务。', | |||
| '我们的专员将在您选择的时间到达，', | |||
| '为您带来精致的品鉴体验。', | |||
| '期待与您共享这段美妙的威士忌之旅!' | |||
| ], | |||
| reset_title: '', | |||
| reset_text:[ | |||
| '非常抱歉，由于特殊原因，', | |||
| '我们暂时无法在您最初选定的时间段', | |||
| '进行上门品鉴服务。', | |||
| '为了确保您享受到最完美的威士忌体验，', | |||
| '恳请您重新选择一个方便的时间，', | |||
| '我们将优先为您安排，', | |||
| '感谢您的理解与支持。' | |||
| ] | |||
| } | |||
| }, | |||
| methods: { | |||
| query() { | |||
| if (this.flag === 0) { | |||
| this.title1 = this.title2 | |||
| this.textList1 = this.textList2 | |||
| this.flag = this.flag + 1 | |||
| } else if (this.flag === 1) { | |||
| this.title1 = this.title3 | |||
| this.textList1 = this.textList3 | |||
| this.flag = this.flag + 1 | |||
| } else if (this.flag === 2) { | |||
| this.title1 = this.title4 | |||
| this.textList1 = this.textList4 | |||
| this.flag = this.flag + 1 | |||
| } else if (this.flag === 3) { | |||
| this.title1 = this.title5 | |||
| this.textList1 = this.textList5 | |||
| this.flag = this.flag + 1 | |||
| } else if (this.flag === 4) { | |||
| this.title1 = this.appoint_title | |||
| this.textList1 = this.appoint_text | |||
| this.flag = this.flag + 1 | |||
| this.btn = 'db' | |||
| } else if (this.flag === 6) { | |||
| this.btn = '查看详情' | |||
| this.title1 = this.success_title | |||
| this.textList1 = this.success_text | |||
| } | |||
| }, | |||
| pre() { | |||
| uni.navigateBack({ | |||
| delta: 1 | |||
| }) | |||
| }, | |||
| next() { | |||
| uni.navigateTo({ | |||
| url:'/pages_order/info/appointDate' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| top: 30vh; | |||
| } | |||
| </style> | |||
+ 89
- 0
pages_order/info/isAdult.vue
View File
| @ -0,0 +1,89 @@ | |||
| <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_order/info/fillInfo' | |||
| }) | |||
| } 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> | |||
+ 49
- 0
pages_order/info/start.vue
View File
| @ -0,0 +1,49 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 35vh;"> | |||
| <span v-for="(item,index) in textList1" :key="index" class="content-text" style="font-size: 28rpx; line-height: 50rpx;"> | |||
| {{item}} | |||
| </span> | |||
| <view class="flex-col query" style="gap: 0rpx;"> | |||
| <view> | |||
| <view class="btn2" @click="query"> | |||
| 开始 | |||
| </view> | |||
| </view> | |||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList1: [ | |||
| '感谢您参加我们的上门威士忌品鉴服务!', | |||
| '我们希望您享受了这次独特的体验。', | |||
| '为了帮助我们不断提升服务质量，', | |||
| '请您花几分钟时间分享您的评价和反馈。', | |||
| '您的意见对我们非常重要，感谢您的支持!', | |||
| ] | |||
| } | |||
| }, | |||
| methods: { | |||
| query() { | |||
| uni.redirectTo({ | |||
| url:'/pages_order/info/experience' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .query { | |||
| position: relative; | |||
| top: 20vh; | |||
| } | |||
| </style> | |||
+ 63
- 0
pages_order/info/startTest.vue
View File
| @ -0,0 +1,63 @@ | |||
| <template> | |||
| <view class="home"> | |||
| <view class="content" style="padding-top: 20vh;"> | |||
| <view class="flex-col" style="gap: 40rpx; width: 90vw;"> | |||
| <view class="flex-col"> | |||
| <span v-for="(item,index) in textList1" :key="index" class="context-text" style="font-size: 26rpx; line-height: 1;"> | |||
| {{item}} | |||
| </span> | |||
| </view> | |||
| <view class="flex-col"> | |||
| <span v-for="(item,index) in textList2" :key="index" class="context-text" style="font-size: 26rpx;line-height: 1;"> | |||
| {{item}} | |||
| </span> | |||
| </view> | |||
| </view> | |||
| <view style="margin-top: 6vh;" @click="query"> | |||
| <view class="btn2" style="padding: 16rpx 100rpx;"> | |||
| 开始测试 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| textList1:[ | |||
| '百富门酒业，全球知名美国洋酒公司。', | |||
| '1870年，由George Garvin Brown先生创立于肯塔基州。', | |||
| '150多年来，历经市场变革，', | |||
| '我们丰常的历史和承诺共同打造了我们坚实的基础，', | |||
| '继往开今，不断为世界带来丰富优质的产品。' | |||
| ], | |||
| textList2:[ | |||
| '作为美国首屈一指的烈酒及葡萄酒公司，', | |||
| '百富门酒业跻身全球销售额前十烈港公司之列(IWSR2022)，', | |||
| '且为全球第五大顶级烈酒企业。', | |||
| '旗下拥有杰克丹尼、活福珍藏、本利亚克、', | |||
| '格兰多纳、格兰格拉索等知名威士忌品牌；', | |||
| '同时旗下拥有赫尔德拉马蹄铁龙舌兰酒、', | |||
| '香博法围力娇酒等在内的近30个品牌:', | |||
| '现如今，百富门酒业在全球六大洲拥有约5600名员工', | |||
| '生产营销和分销优质烈酒和葡萄酒，', | |||
| '并通过在世界各地的办事处，将产品销往近170多个国家。' | |||
| ] | |||
| } | |||
| }, | |||
| methods: { | |||
| query() { | |||
| uni.redirectTo({ | |||
| url: '/pages_order/info/appoint' | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| </style> | |||
+ 1
- 0
pages_order/static/info/down.svg
View File
| @ -0,0 +1 @@ | |||
| <svg t="1727521601230" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1447" width="200" height="200"><path d="M529.92 640.512L716.8 456.704a51.2 51.2 0 0 0-35.84-88.064H314.88a51.2 51.2 0 0 0-36.864 87.04l179.2 183.808a51.2 51.2 0 0 0 72.192 0z" fill="#FD5100" p-id="1448"></path></svg> | |||
BIN
pages_order/static/info/下拉.png
View File
| Before | After |
|---|---|
|
|
| Width: 200 | Height: 200 | Size: 1.9 KiB |