| @@ -45,34 +45,34 @@ | |||
| 请选择 | |||
| </picker> | |||
| </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 | |||
| Page({ | |||
| data: { | |||
| isShop: true, | |||
| position: 0, | |||
| tagArr: [], | |||
| currentTag: "" | |||
| }, | |||
| 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 --> | |||
| <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": { | |||
| "miniprogram": { | |||
| "current": -1, | |||
| "current": 1688192851587, | |||
| "list": [ | |||
| { | |||
| "id": 1678508631604, | |||
| @@ -58,7 +58,7 @@ | |||
| "location": "audit" | |||
| }, | |||
| { | |||
| "id": 1688143362650, | |||
| "id": 1688192851587, | |||
| "name": "pages2/shopSelect/shopSelect", | |||
| "pathName": "pages2/shopSelect/shopSelect", | |||
| "query": "", | |||