zhangjing/xuan_wechat
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

新增分享,找回密码,实名认证,签约

Browse Source
This commit is contained in:
唐明明
2023-08-25 14:04:31 +08:00
parent 32cc588ae7
commit 0f7c37d548
106 changed files with 2130 additions and 1313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
pages/site/add/add.js
View File

@@ -9,10 +9,10 @@ Page({
* 页面的初始数据
*/
data: {
nameValue : '', // 姓名
mobile : '', // 电话
address : '', // 地址
isDefault : '', // 默认地址
nameValue : '', // 姓名
mobile : '', // 电话
address : '', // 地址
isDefault : '', // 默认地址
// 省份选择
areasArr : [],
areaId : 0,
@@ -28,6 +28,7 @@ Page({
regiId : 0,
regiIndex : 0,
// 提交信息
disabled : false
},
@@ -55,7 +56,6 @@ Page({
wx.$api.site.create().then(res => {
let areas = res.data,
areaIndex = this.data.areaIndex
this.setData({
areasArr : areas,
areaId : areas[areaIndex].id,
@@ -74,8 +74,14 @@ Page({
atcode = area[index].id
if (index != this.data.areaIndex) {
this.setData({
areaIndex : index,
areaId : atcode
areaIndex : index,
areaId : atcode,
cityArr : [],
cityId : 0,
cityIndex : 0,
regiArr : [],
regiId : 0,
regiIndex : 0,
})
// 获取市级列表
this.citylist(atcode)
@@ -91,9 +97,12 @@ Page({
}).then(res=>{
let cityArr = res.data
this.setData({
cityId : cityArr[0].id,
cityIndex : 0,
cityArr : cityArr
cityId : cityArr[0].id,
cityIndex : 0,
cityArr : cityArr,
regiArr : [],
regiId : 0,
regiIndex : 0,
})
// 获取区级列表

86
pages/site/add/add.wxml
View File

@@ -1,44 +1,48 @@
<form bindsubmit="siteform" class="site-form">
<view class="site-input">
<label>收货人</label>
<input placeholder="请输入收货人姓名" name="name" type="text" value="{{nameValue}}" bindinput="bindinput"></input>
</view>
<view class="site-input">
<label>手机号码</label>
<input placeholder="请输入手机号码" maxlength="11" name="mobile" type="number"></input>
</view>
<view class="site-input">
<label>所在省份</label>
<picker bindchange="areasChange" value="{{areaIndex}}" range="{{areasArr}}" range-key="name">
<view class="picker">
{{ areasArr[areaIndex].name }}
<view class="content">
<form bindsubmit="siteform">
<view class="site-form">
<view class="site-input">
<label>收货人</label>
<input placeholder="请输入收货人姓名" name="name" type="text" value="{{nameValue}}" bindinput="bindinput"></input>
</view>
<image src="/static/icons/orderArrow.png"></image>
</picker>
</view>
<view class="site-input">
<label>所在城市</label>
<picker bindchange="cityDrop" value="{{cityIndex}}" range="{{cityArr}}" range-key="name" class="conneColor">
<view class="picker">
{{ cityArr[cityIndex].name }}
<view class="site-input">
<label>手机号码</label>
<input placeholder="请输入手机号码" maxlength="11" name="mobile" type="number"></input>
</view>
<image src="/static/icons/orderArrow.png"></image>
</picker>
</view>
<view class="site-input">
<label>所在区域</label>
<picker bindchange="regiDrop" value="{{regiIndex}}" range="{{regiArr}}" range-key="name" class="conneColor">
<view class="picker">
{{ regiArr[regiIndex].name }}
<view class="site-input">
<label>所在省份</label>
<picker bindchange="areasChange" value="{{areaIndex}}" range="{{areasArr}}" range-key="name">
<view class="picker nowrap">
{{ areasArr[areaIndex].name }}
<image class="picker-icon" src="/static/icons/orderArrow.png"></image>
</view>
</picker>
</view>
<view class="site-input">
<label>所在城市</label>
<picker bindchange="cityDrop" value="{{cityIndex}}" range="{{cityArr}}" range-key="name" class="conneColor">
<view class="picker nowrap">
{{ cityArr[cityIndex].name }}
<image class="picker-icon" src="/static/icons/orderArrow.png"></image>
</view>
</picker>
</view>
<image src="/static/icons/orderArrow.png"></image>
</picker>
</view>
<view class="site-input">
<label>收货地址</label>
<input placeholder="请输入详细地址" name="address"></input>
</view>
<view class="site-btn">
<button form-type="submit" size="mini" disabled="{{disabled}}">保存</button>
</view>
</form>
<view class="site-input">
<label>所在区域</label>
<picker bindchange="regiDrop" value="{{regiIndex}}" range="{{regiArr}}" range-key="name" class="conneColor">
<view class="picker nowrap">
{{ regiArr[regiIndex].name }}
<image class="picker-icon" src="/static/icons/orderArrow.png"></image>
</view>
</picker>
</view>
<view class="site-input">
<label>收货地址</label>
<input placeholder="请输入详细地址" name="address"></input>
</view>
</view>
<view class="site-btn">
<button form-type="submit" size="mini" disabled="{{disabled}}">保存</button>
</view>
</form>
</view>

88
pages/site/add/add.wxss
View File

@@ -1,79 +1,17 @@
.site-form {
background: white;
display: block;
}
.site-input {
padding: 0 30rpx 0 200rpx;
position: relative;
line-height: 110rpx;
min-height: 110rpx;
border-bottom: 2rpx solid #f3f3f3;
}
.content{ min-height: 100vh; background: #f7f8f9; padding-top: 30rpx; box-sizing: border-box; }
.site-input::before {
position: absolute;
bottom: 0;
left: 30rpx;
right: 0;
height: 1rpx;
content: "";
background: #e4e6f2;
}
/* 收货地址 */
.site-form{ background: white; border-radius: 20rpx; margin: 0 30rpx; padding: 20rpx 0; }
.site-input{ display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx;}
.site-input label{ width: 170rpx; font-size: 30rpx; color: #333; line-height: 90rpx; }
.site-input input{ width: calc(100% - 170rpx); font-size: 30rpx; }
.site-input picker{ width: calc(100% - 170rpx); }
.picker{ padding-right: 90rpx; width: 100%; box-sizing: border-box; position: relative; }
.picker-icon{ width: 32rpx; height: 32rpx; position: absolute; right: 0; top: 50%; margin-top: -16rpx; }
.site-input:last-child::before {
display: none;
}
/* 保存地址 */
.site-btn{ padding: 50rpx 30rpx; }
.site-btn button[size="mini"]{ background: #e92152; height: 90rpx; line-height: 90rpx; width: 100%; border-radius: 45rpx; color: white; font-size: 32rpx; }
.site-btn button[size="mini"][disabled] { background: #e92152; color: #fff; opacity: .5; }
.site-input label {
position: absolute;
left: 30rpx;
top: 0;
}
.site-input input {
height: 110rpx;
}
.site-input image {
width: 44rpx;
height: 44rpx;
position: absolute;
right: 20rpx;
top: calc(50% - 22rpx);
}
.site-btn {
padding: 20rpx 30rpx;
margin-top: 100rpx;
}
.site-btn button[size="mini"] {
width: 100%;
background: #e92152;
height: 88rpx;
line-height: 88rpx;
font-size: 30rpx;
color: white;
padding: 0;
}
.site-btn button[disabled] {
background: #e92152 !important;
color: #fff !important;
}
.site-switch {
font-size: 32rpx;
margin: 30rpx;
display: flex;
line-height: 40rpx;
}
.site-switch text {
flex: 1;
}
.site-switch-active {
color: #797979;
}