25 changed files with 1307 additions and 482 deletions
Unified 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 |