@@ -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": "", | ||||