
<view class="wraper"> <!-- 收货地址 --> <view class="address"> <view> <text class="name">杨天佑</text><text class="number">12166292893</text> </view> <view> 上海市上海闵行区|七宝老街 </view> </view> <form> <view class="deliverInfo"> <view bindtap="tocompany"> <text class="listLeft">公司名称:</text> <text>请选择物流公司</text> </view> <view class="numberGroup"> <text class="listLeft">快递单号:</text> <input id="number" type="number" placeholder="请输入快递单号" name=""/> </view> <view class="textGroup"> <text class="listLeft">备注:</text> <input id="text" type="text" placeholder="(选填)" name=""/> </view> </view> </form> </view> |
page{
background: #f3f3f3;
}
/*收货地址*/
.address{
background: #fff;
height: 160rpx;
padding-left: 30rpx;
margin-top: 30rpx;
}
.address .name{
line-height: 90rpx;
padding-left: 50rpx;
background: url(../../../images/member_list_character.png) no-repeat 0 center;
background-size: 35rpx 35rpx;
}
.address .number{
line-height: 90rpx;
padding-left: 50rpx;
margin-left: 80rpx;
background: url(../../../images/member_list_tel.png) no-repeat 0 center;
background-size: 35rpx 35rpx;
}
/*发货信息*/
.deliverInfo{
background: #fff;
padding-left: 30rpx;
margin-top: 30rpx;
}
.deliverInfo>view{
height: 100rpx;
line-height: 100rpx;
border-bottom: 1rpx solid #f3f3f3;
background: url(../../../images/member_list_arrow.png) no-repeat 95% center;
background-size: 40rpx 40rpx;
}
.deliverInfo .listLeft{
height: 52rpx;
float: left;
width: 170rpx;
}
.deliverInfo #number{
float: left;
width: 400rpx;
margin-top: 25rpx;
}
.deliverInfo #text{
width: 400rpx;
float: left;
margin-top: 25rpx;
}
|
// pages/userhome/address/address.js
Page({
data:{},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
tocompany:function(){
wx.navigateTo({
url: '../kuaidi_company/company'
})
}
})
|
模板简介:该模板名称为【微信小程序发货物流信息填写样式模板制作设计下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。