<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' }) } }) |
模板简介:该模板名称为【微信小程序发货物流信息填写样式模板制作设计下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。