Parcourir la source

upload

product
HolyKnightIX il y a 1 an
Parent
révision
510d98ad2e
7 fichiers modifiés avec 301 ajouts et 31 suppressions
  1. BIN
      assets/itemImg/Audi-RS7.png
  2. +25
    -25
      pages2/appointment/appointment.ttml
  3. +42
    -2
      pages2/shopSelect/shopSelect.js
  4. +110
    -0
      pages2/shopSelect/shopSelect.less
  5. +29
    -1
      pages2/shopSelect/shopSelect.ttml
  6. +93
    -1
      pages2/shopSelect/shopSelect.ttss
  7. +2
    -2
      project.private.config.json

BIN
assets/itemImg/Audi-RS7.png Voir le fichier

Avant Après
Largeur: 598  |  Hauteur: 296  |  Taille: 210 KiB

+ 25
- 25
pages2/appointment/appointment.ttml Voir le fichier

@@ -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>

+ 42
- 2
pages2/shopSelect/shopSelect.js Voir le fichier

@@ -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
});
},
});

},
})

+ 110
- 0
pages2/shopSelect/shopSelect.less Voir le fichier

@@ -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;
}
}
}
}
}

+ 29
- 1
pages2/shopSelect/shopSelect.ttml Voir le fichier

@@ -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>

+ 93
- 1
pages2/shopSelect/shopSelect.ttss Voir le fichier

@@ -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;
}

+ 2
- 2
project.private.config.json Voir le fichier

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


Chargement…
Annuler
Enregistrer