| @@ -45,34 +45,34 @@ | |||||
| 请选择 | 请选择 | ||||
| </picker> | </picker> | ||||
| </view> | </view> | ||||
| </view> | |||||
| <view tt:if="{{ merchantId }}" class="addressPicker"> | |||||
| <picker style="display: inline;" mode="selector" value="{{index}}" range="{{mallList}}" range-key="distanceName" | |||||
| disabled="{{false}}" bindchange="setMerchant"> | |||||
| <text tt:if="{{ !reservationMerchantName }}"> 选择可用商户:<text class="pickerInside">{{ | |||||
| mallList[currentIndex].merchantName }} <text class="distanceFoot">{{ | |||||
| mallList[currentIndex].distance_str }}</text></text></text> | |||||
| <text tt:if="{{ reservationMerchantName }}"> 选择可用商户:<text class="pickerInside">{{ reservationMerchantName | |||||
| }}</text></text> | |||||
| </picker> | |||||
| </view> | |||||
| <view tt:if="{{ merchantId }}" class="addressPicker"> | |||||
| <picker style="display: inline;" mode="selector" value="{{index}}" range="{{mallList}}" range-key="distanceName" | |||||
| disabled="{{false}}" bindchange="setMerchant"> | |||||
| <text tt:if="{{ !reservationMerchantName }}"> 选择可用商户:<text class="pickerInside">{{ | |||||
| mallList[currentIndex].merchantName }} <text class="distanceFoot">{{ | |||||
| mallList[currentIndex].distance_str }}</text></text></text> | |||||
| <text tt:if="{{ reservationMerchantName }}"> 选择可用商户:<text class="pickerInside">{{ reservationMerchantName | |||||
| }}</text></text> | |||||
| </picker> | |||||
| </view> | |||||
| <view class="addressPickerFlex" bindtap="goSelectShop"> | |||||
| <text>选择可用商户(BETA):</text> | |||||
| <view class="addressPickerFlex" bindtap="goSelectShop"> | |||||
| <text>选择可用商户(BETA):</text> | |||||
| <view class="pickerInside"> | |||||
| 请选择 | |||||
| </view> | |||||
| <view class="pickerInside"> | |||||
| 请选择 | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="describeTextarea"> | |||||
| <textarea class="describe" placeholder="备注:说点什么吧" disabled="{{ !isShowBtns }}" bindinput="describing" | |||||
| value="{{ describeStr }}"></textarea> | |||||
| </view> | |||||
| <view class="describeTextarea"> | |||||
| <textarea class="describe" placeholder="备注:说点什么吧" disabled="{{ !isShowBtns }}" bindinput="describing" | |||||
| value="{{ describeStr }}"></textarea> | |||||
| </view> | |||||
| <block tt:if="{{isShowBtns}}"> | |||||
| <button class="confirm" type="primary" bindtap="confirm">{{ appointmentText }}</button> | |||||
| <!-- <button tt:if="{{ id && status != 1}}" type="primary" bindtap="cancel">取消预约</button> --> | |||||
| </block> | |||||
| <block tt:if="{{isShowBtns}}"> | |||||
| <button class="confirm" type="primary" bindtap="confirm">{{ appointmentText }}</button> | |||||
| <!-- <button tt:if="{{ id && status != 1}}" type="primary" bindtap="cancel">取消预约</button> --> | |||||
| </block> | |||||
| </view> | |||||
| @@ -1,9 +1,49 @@ | |||||
| // c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.js | // c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.js | ||||
| Page({ | Page({ | ||||
| data: { | data: { | ||||
| isShop: true, | |||||
| position: 0, | |||||
| tagArr: [], | |||||
| currentTag: "" | |||||
| }, | }, | ||||
| onLoad: function (options) { | onLoad: function (options) { | ||||
| const tagArr = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'] | |||||
| this.setData({ | |||||
| tagArr | |||||
| }) | |||||
| }, | |||||
| selectCity() { | |||||
| this.setData({ | |||||
| isShop: false | |||||
| }) | |||||
| }, | |||||
| selectShop() { | |||||
| this.setData({ | |||||
| isShop: true | |||||
| }) | |||||
| }, | |||||
| } | |||||
| indexBarMove(e) { | |||||
| }, | |||||
| tagBind(e) { | |||||
| const that = this | |||||
| tt.hideToast({ | |||||
| success: (res) => { | |||||
| const id = e.target.id | |||||
| that.setData({ | |||||
| currentTag: id | |||||
| }) | |||||
| tt.showToast({ | |||||
| title: id, | |||||
| icon: "none", | |||||
| duration: 1000 | |||||
| }); | |||||
| }, | |||||
| }); | |||||
| }, | |||||
| }) | }) | ||||
| @@ -0,0 +1,110 @@ | |||||
| /* c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttss */ | |||||
| page { | |||||
| font-size: 30rpx; | |||||
| box-sizing: border-box !important; | |||||
| background-color: #fff; | |||||
| .continer { | |||||
| width: 95%; | |||||
| height: 100%; | |||||
| margin: auto; | |||||
| padding: 30rpx 0; | |||||
| .selectShop { | |||||
| .nav { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin-bottom: 20rpx; | |||||
| padding: 0 20rpx; | |||||
| .item { | |||||
| color: #ffffff; | |||||
| padding: 8rpx 15rpx; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 15rpx; | |||||
| } | |||||
| } | |||||
| .shopList { | |||||
| width: 100%; | |||||
| background-color: #ffffff; | |||||
| border-radius: 10rpx; | |||||
| padding: 20rpx 0; | |||||
| margin: auto; | |||||
| .item { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| width: 95%; | |||||
| margin: auto; | |||||
| color: #ffffff; | |||||
| margin-bottom: 30rpx; | |||||
| padding: 20rpx 25rpx; | |||||
| box-sizing: border-box !important; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 12rpx; | |||||
| .img { | |||||
| width: 30%; | |||||
| height: 170rpx; | |||||
| } | |||||
| .infoBox { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| flex-direction: column; | |||||
| width: 65%; | |||||
| margin-left: 20rpx; | |||||
| padding: 8rpx 0; | |||||
| .infoItem { | |||||
| width: 100%; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .selectCity { | |||||
| .nav { | |||||
| margin-bottom: 20rpx; | |||||
| padding: 0 20rpx; | |||||
| .item { | |||||
| width: 10%; | |||||
| color: #ffffff; | |||||
| text-align: center; | |||||
| padding: 8rpx 15rpx; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 15rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .indexBar { | |||||
| position: fixed; | |||||
| top: 10%; | |||||
| right: 3%; | |||||
| font-size: 25rpx; | |||||
| text-align: center; | |||||
| background-color: #00000075; | |||||
| padding-top: 20rpx; | |||||
| padding-bottom: 10rpx; | |||||
| border-radius: 30rpx; | |||||
| .indexBarItem { | |||||
| width: 50rpx; | |||||
| color: #ffffff; | |||||
| margin-bottom: 10rpx; | |||||
| transition: all 0.3s; | |||||
| &.active { | |||||
| color: #f92672; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| @@ -1,2 +1,30 @@ | |||||
| <!-- c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttml --> | <!-- c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttml --> | ||||
| <text>c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttml</text> | |||||
| <view class="continer"> | |||||
| <view tt:if="{{ isShop }}" class="selectShop"> | |||||
| <view class="nav"> | |||||
| <view class="item">当前城市:武汉</view> | |||||
| <view class="item" bindtap="selectCity">切换城市</view> | |||||
| </view> | |||||
| <view class="shopList"> | |||||
| <view class="item" tt:for="{{ tagArr }}"> | |||||
| <image class="img" src="../../assets/itemImg/Audi-RS7.png"></image> | |||||
| <view class="infoBox"> | |||||
| <view class="infoItem">家帮汇沧州店</view> | |||||
| <view class="infoItem">地址:湖北省汉川市仙女山街道办事处仙女大道100号1栋城北建筑公司1单元501室</view> | |||||
| <view class="infoItem">距您0.2km</view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view tt:if="{{ !isShop }}" class="selectCity"> | |||||
| <view class="nav"> | |||||
| <view class="item" bindtap="selectShop">返回</view> | |||||
| </view> | |||||
| </view> | |||||
| <view tt:if="{{ !isShop }}" class="indexBar" catchtouchmove="indexBarMove"> | |||||
| <view class="{{ currentTag == item ? 'indexBarItem active' : 'indexBarItem' }}" tt:for="{{ tagArr }}" | |||||
| tt:key="index" id="{{ item }}" bindtap="tagBind">{{ | |||||
| item }}</view> | |||||
| </view> | |||||
| </view> | |||||
| @@ -1 +1,93 @@ | |||||
| /* c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttss */ | |||||
| /* c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttss */ | |||||
| page { | |||||
| font-size: 30rpx; | |||||
| box-sizing: border-box !important; | |||||
| background-color: #fff; | |||||
| } | |||||
| page .continer { | |||||
| width: 95%; | |||||
| height: 100%; | |||||
| margin: auto; | |||||
| padding: 30rpx 0; | |||||
| } | |||||
| page .continer .selectShop .nav { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin-bottom: 20rpx; | |||||
| padding: 0 20rpx; | |||||
| } | |||||
| page .continer .selectShop .nav .item { | |||||
| color: #ffffff; | |||||
| padding: 8rpx 15rpx; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 15rpx; | |||||
| } | |||||
| page .continer .selectShop .shopList { | |||||
| width: 100%; | |||||
| background-color: #ffffff; | |||||
| border-radius: 10rpx; | |||||
| padding: 20rpx 0; | |||||
| margin: auto; | |||||
| } | |||||
| page .continer .selectShop .shopList .item { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| width: 95%; | |||||
| margin: auto; | |||||
| color: #ffffff; | |||||
| margin-bottom: 30rpx; | |||||
| padding: 20rpx 25rpx; | |||||
| box-sizing: border-box !important; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 12rpx; | |||||
| } | |||||
| page .continer .selectShop .shopList .item .img { | |||||
| width: 30%; | |||||
| height: 170rpx; | |||||
| } | |||||
| page .continer .selectShop .shopList .item .infoBox { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| flex-direction: column; | |||||
| width: 65%; | |||||
| margin-left: 20rpx; | |||||
| padding: 8rpx 0; | |||||
| } | |||||
| page .continer .selectShop .shopList .item .infoBox .infoItem { | |||||
| width: 100%; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| } | |||||
| page .continer .selectCity .nav { | |||||
| margin-bottom: 20rpx; | |||||
| padding: 0 20rpx; | |||||
| } | |||||
| page .continer .selectCity .nav .item { | |||||
| width: 10%; | |||||
| color: #ffffff; | |||||
| text-align: center; | |||||
| padding: 8rpx 15rpx; | |||||
| background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); | |||||
| border-radius: 15rpx; | |||||
| } | |||||
| page .continer .indexBar { | |||||
| position: fixed; | |||||
| top: 10%; | |||||
| right: 3%; | |||||
| font-size: 25rpx; | |||||
| text-align: center; | |||||
| background-color: #00000075; | |||||
| padding-top: 20rpx; | |||||
| padding-bottom: 10rpx; | |||||
| border-radius: 30rpx; | |||||
| } | |||||
| page .continer .indexBar .indexBarItem { | |||||
| width: 50rpx; | |||||
| color: #ffffff; | |||||
| margin-bottom: 10rpx; | |||||
| transition: all 0.3s; | |||||
| } | |||||
| page .continer .indexBar .indexBarItem.active { | |||||
| color: #f92672; | |||||
| } | |||||
| @@ -1,7 +1,7 @@ | |||||
| { | { | ||||
| "condition": { | "condition": { | ||||
| "miniprogram": { | "miniprogram": { | ||||
| "current": -1, | |||||
| "current": 1688192851587, | |||||
| "list": [ | "list": [ | ||||
| { | { | ||||
| "id": 1678508631604, | "id": 1678508631604, | ||||
| @@ -58,7 +58,7 @@ | |||||
| "location": "audit" | "location": "audit" | ||||
| }, | }, | ||||
| { | { | ||||
| "id": 1688143362650, | |||||
| "id": 1688192851587, | |||||
| "name": "pages2/shopSelect/shopSelect", | "name": "pages2/shopSelect/shopSelect", | ||||
| "pathName": "pages2/shopSelect/shopSelect", | "pathName": "pages2/shopSelect/shopSelect", | ||||
| "query": "", | "query": "", | ||||