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