包裹、下单、小区、地址未完

This commit is contained in:
2025-01-10 04:02:39 +08:00
parent 871637dfcb
commit d83c28db52
27 changed files with 580 additions and 23 deletions

View File

@ -7,7 +7,10 @@
"pages/index/index",
"pages/login/login",
"pages/logs/logs",
"pages/help/package/index"
"pages/help/package/index",
"pages/help/success/index",
"pages/help/community/index",
"pages/help/address/index"
],
"window": {
"navigationBarTextStyle": "black",

View File

@ -1,8 +1,9 @@
/**app.wxss**/
@import '/assets/style/weui.wxss';
page{
font-size:32rpx;
line-height: 1;
background-color:#F5F5F5;
color: #222222;
}
button label{
@ -25,7 +26,7 @@ button:not([size=mini]) .icon{
button[type=primary]{
background-color:#1A4DEB;
}
button[type=primary]:hover{
button:not([plain])[type=primary]:hover{
background-color:#043eec;
}
button[type=default]{
@ -34,6 +35,15 @@ button[type=default]{
line-height: 1;
}
button[type=primary][plain]{
border-color: #1A4DEB;
color:#1A4DEB;
}
button[type=primary][plain]:hover{
border-color: #1A4DEB;
color:#1A4DEB;
}
radio-group label,radio-group radio{
vertical-align: middle;

Binary file not shown.

After

Width:  |  Height:  |  Size: 576 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

6
assets/style/weui.wxss Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,25 @@
// components/bottomBar/index.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
buttonTap(){
this.triggerEvent('buttonTap');
},
}
})

View File

@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@ -0,0 +1,3 @@
<view class="bottom-bar">
<button class="button" type="primary" bind:tap="buttonTap">保存并使用</button>
</view>

View File

@ -0,0 +1,11 @@
.bottom-bar{
border-radius: 24rpx 24rpx 0 0;
padding:24rpx 24rpx 84rpx;
position:fixed;
bottom:0;
left:0;right:0;
background-color: #fff;
}
.bottom-bar .button{
}

View File

@ -0,0 +1,66 @@
// pages/help/address/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

View File

@ -0,0 +1,87 @@
<view class="page-container editor">
<!-- <view class="item">
<label class="key">绑定小区</label>
<label class="value">朝阳时代西锦</label>
</view>
<view class="item">
<label class="key">用户姓名</label>
<input class="value" placeholder="请输入用户名"/>
<radio-group class="radio-group">
<label>
<radio></radio>
<label>先生</label>
</label>
<label>
<radio></radio>
<label>女士</label>
</label>
</radio-group>
</view>
<view class="item">
<label class="key">手机号码</label>
<input class="value" placeholder="请输入手机号码"/>
</view> -->
<view class="weui-form">
<view class="weui-cells weui-cells_form">
<view class="weui-cell weui-cell_active ">
<view class="weui-cell__hd">
<label class="weui-label">金额</label>
</view>
<view class="weui-cell__bd weui-flex">
<input class="weui-input"/>
<view wx:if="{{true}}" aria-role="button" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
<i class="weui-icon-clear"></i>
</view>
</view>
</view>
<view class="weui-cell weui-cell_active ">
<view class="weui-cell__hd">
<label class="weui-label">用户姓名</label>
</view>
<view class="weui-cell__bd weui-flex">
<input class="weui-input"/>
<view wx:if="{{true}}" aria-role="button" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
<i class="weui-icon-clear"></i>
</view>
</view>
</view>
<view class="weui-cell weui-cell_active ">
<view class="weui-cell__hd">
<label class="weui-label">手机号码</label>
</view>
<view class="weui-cell__bd weui-flex">
<input class="weui-input"/>
<view wx:if="{{true}}" aria-role="button" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
<i class="weui-icon-clear"></i>
</view>
</view>
</view>
<view class="weui-cell weui-cell_active ">
<view class="weui-cell__hd">
<label class="weui-label">选择楼栋</label>
</view>
<view class="weui-cell__bd weui-flex">
<input class="weui-input"/>
<view wx:if="{{true}}" aria-role="button" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
<i class="weui-icon-clear"></i>
</view>
</view>
</view>
<view class="weui-cell weui-cell_active ">
<view class="weui-cell__hd">
<label class="weui-label">想起地址</label>
</view>
<view class="weui-cell__bd weui-flex">
<input class="weui-input"/>
<view wx:if="{{true}}" aria-role="button" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
<i class="weui-icon-clear"></i>
</view>
</view>
</view>
</view>
</view>
</view>

View File

@ -0,0 +1,33 @@
.editor{
font-size: 30rpx;
}
.editor .item{
display: flex;
align-items: center;
border-bottom: 1rpx solid rgba(153, 153, 153, 0.2);
}
.editor .item:last-child{
border:none;
}
.editor .item .key{
}
.editor .item .key::before{
content: '*';
color: #EB0000;
}
.editor .item .value{
flex:1;
margin-left: 30rpx;
padding: 50rpx 0;
}
.weui-form{padding:0;}
.weui-label{
width: auto;
}

View File

@ -0,0 +1,66 @@
// pages/help/community/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

View File

@ -0,0 +1,22 @@
<view class="community-list">
<view class="item">
<view class="title">
<image class="icon" src="/assets/icon/help/house@2x.png"/>
<label class="label">佳兆业丽晶公馆</label>
</view>
<view class="sub-title">
<label class="key">四川省成都市温江区花都大道西段318号</label>
<label class="value">1.2km</label>
</view>
</view>
<view class="item current">
<view class="title">
<image class="icon" src="/assets/icon/help/house@2x.png"/>
<label class="label">佳兆业丽晶公馆</label>
</view>
<view class="sub-title">
<label class="key">四川省成都市温江区花都大道西段318号</label>
<label class="value">1.2km</label>
</view>
</view>
</view>

View File

@ -0,0 +1,34 @@
.community-list{}
.community-list .item{
border-radius: 18rpx;
background-color: #fff;
padding:49rpx 23rpx;
margin:20rpx;
border: 1rpx solid #fff;
}
.community-list .item.current{
border-color: #1A4DEB;
}
.community-list .item .title{
font-weight: 600rpx;
font-size: 36rpx;
}
.community-list .item .title .label{
vertical-align: middle;
}
.community-list .item .icon{
width:40rpx;height:40rpx;
vertical-align: middle;
margin-right: 16rpx;
}
.community-list .item .sub-title{
display: flex;
font-size:28rpx;
margin-top:34rpx;
}
.community-list .item .sub-title .key{
color: #888;
flex: 1;
}
.community-list .item .sub-title .value{
}

View File

@ -67,5 +67,15 @@ Page({
wx.navigateTo({
url: '/pages/help/package/index',
})
},
goToCommunity(){
wx.navigateTo({
url: '/pages/help/community/index',
})
},
goToAddress(){
wx.navigateTo({
url: '/pages/help/address/index',
})
}
})

View File

@ -1,23 +1,19 @@
<view>
<view class="bg"></view>
<nav-bar/>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="choose-community">
<view class="text">选择小区</view>
<image class="arrow" src="/assets/icon/help/arrow-down@2x.png"/>
</view>
</picker>
<view class="choose-community" bind:tap="goToCommunity">
<view class="text">选择小区</view>
<image class="arrow" src="/assets/icon/help/arrow-down@2x.png"/>
</view>
<view class="address-panel">
<picker>
<view class="ap-item send">
<image class="icon" src="/assets/icon/help/send@2x.png"/>
<view class="text">
<view class="title">朝阳时代西锦12栋1单元2072朝阳时代西锦12栋1单元2072</view>
<view class="sub-title">周先生 13888888888</view>
</view>
<image class="arrow" src="/assets/icon/help/arrow-right@2x.png"/>
<view class="ap-item send" bind:tap="goToAddress">
<image class="icon" src="/assets/icon/help/send@2x.png"/>
<view class="text">
<view class="title">朝阳时代西锦12栋1单元2072朝阳时代西锦12栋1单元2072</view>
<view class="sub-title">周先生 13888888888</view>
</view>
</picker>
<image class="arrow" src="/assets/icon/help/arrow-right@2x.png"/>
</view>
<view class="ap-item take" bind:tap="goToAddPackage">
<image class="icon" src="/assets/icon/help/take@2x.png"/>
<view class="text">

View File

@ -5,7 +5,34 @@ Page({
* 页面的初始数据
*/
data: {
package:[],
testvalue:'123'
},
bottomBarButtonTap(){
wx.navigateTo({
url: '/pages/help/success/index',
})
},
addPackage(){
this.data.package.push('')
this.setData({
package:this.data.package
});
},
deletePackage(event){
console.log(this.data.package);
this.data.package.splice(event.currentTarget.dataset.index,1);
this.setData({
package:this.data.package
})
},
setPackageCode(event){
this.data.package[event.currentTarget.dataset.index] = event.detail.value;
this.setData({
package:this.data.package
});
},
/**

View File

@ -1,4 +1,6 @@
{
"usingComponents": {},
"usingComponents": {
"bottomBar":"/components/bottomBar"
},
"navigationStyle": "default"
}

View File

@ -19,7 +19,16 @@
<view class="sub-title">服务时间 10:00-21:00</view>
</view>
</view>
<button type="default" class="button">
<view class="package-list">
<view class="item" wx:for="{{package}}" wx:key="index">
<label class="label">取件码{{index+1}}</label>
<input value="{{item}}" class="input" bindinput="setPackageCode" data-index="{{index}}"/>
<button class="button" bind:tap="deletePackage" data-index="{{index}}">
<image class="icon" src="/assets/icon/help/delete@2x.png"/>
</button>
</view>
</view>
<button type="default" class="button" bind:tap="addPackage">
<image src="/assets/icon/help/plus@2x.png" class="icon"/>
<label>添加取件码</label>
</button>
@ -52,3 +61,5 @@
</view>
<view class="tips">*基础费3元 (含5件包裹) 超出部分0.5元/件</view>
</view>
<bottomBar bind:buttonTap="bottomBarButtonTap"/>

View File

@ -3,6 +3,7 @@
}
.page-container .head{
display: flex;
padding-bottom:14rpx;
}
.page-container .head .icon{
width:40rpx;height:40rpx;
@ -20,8 +21,8 @@
color: #888888;
margin-top:24rpx;
}
.page-container .button{
margin-top:34rpx;
.page-container>.button{
margin-top:20rpx;
}
.page-container .radio{
@ -53,3 +54,34 @@
font-size: 26rpx;
color: #888888
}
.package-list{
}
.package-list .item{
display: flex;
align-items: center;
margin-top:20rpx;
}
.package-list .item .label,.package-list .item .input{
background-color: rgba(124, 134, 149, 0.08);
height:90rpx;
line-height: 90rpx;
}
.package-list .item .label{
border-radius: 12rpx 0 0 12rpx;
padding:0 30rpx;
color:#555555;
}
.package-list .item .input{
border-radius: 0 12rpx 12rpx 0;
flex:1;
}
.package-list .item .button{
padding:16rpx 34rpx;
line-height: 1;
margin-left:26rpx;
}
.package-list .item .icon{
width:36rpx;height:36rpx;
}

View File

@ -0,0 +1,66 @@
// pages/help/success/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationStyle": "custom"
}

View File

@ -0,0 +1,6 @@
<view class="page-success">
<image class="icon" src="/assets/icon/help/success@2x.png"/>
<view class="title">恭喜下单成功</view>
<view class="sub-title">预计今晚18:00后送达感谢您的支持</view>
<button class="button" type="primary" plain="true">前往查看订单</button>
</view>

View File

@ -0,0 +1,27 @@
page{
background-color: #fff;
}
.page-success{
text-align: center;
}
.icon{
width:140rpx;
height:140rpx;
margin-top:320rpx;
}
.title{
font-size: 40rpx;
font-weight: 500;
color:#222222;
margin-top:50rpx;
}
.sub-title{
font-size: 30rpx;
color:#555555;
margin-top:40rpx;
}
.button{
border-radius: 60rpx;
padding:19rpx!important;
margin:90rpx!important;
}