<!--pages/wineProcess/chooseAddress.wxml--> <view class="container"> <view class="customerInfo"> <view class="hd-title"> 客户{{customer_name}}收货地址 </view> <view class="view-group line-before-bottom" wx:for="{{customerInfo.address}}" wx:for-item="list"> <view class="group-hd"><image class="imgsize" src="/assets/images/address.png"></image> <text class="font-color-c24e4e">{{list.addressName}}</text></view> <view class="group-bd"> <view class="group-bd-hd">地址:<text class="font-color-999">{{list.address}}</text></view> <view class="consignee-info"> <view>收货人:<text class="font-color-999">{{list.consignee}}</text></view> <view>电话:<text class="font-color-999">{{list.phone}}</text></view> </view> </view> <view class="group-icon"> <image src="/assets/images/buy_go@2x.png"></image> </view> </view> </view> </view> |
/* pages/wineProcess/chooseAddress.wxss */ @import '/pages/customer/customerDetail.wxss'; |
// pages/wineProcess/chooseAddress.js Page({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ this.setData({ // 页面渲染完成 customerInfo:{ customerName:'测试', sex:'男', age:'20~30岁', address:[{ addressId:1, addressName:'公司', address:'湖北省武汉市硚口区人名西路302号明日财富大厦20层,迪吧拉亚公司研发部', consignee:'轩少', phone:13985858585 },{ addressId:2, addressName:'家', address:'湖北省武汉市硚口区人名西路302号明日财富大厦20层,迪吧拉亚公司研发部', consignee:'袁小娇', phone:13985858585 } ] } }) }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } }) |
模板简介:该模板名称为【微信小程序选择客户收货地址页面设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。