<!--pages/wineProcess/placeOrder.wxml--> <view class="container"> <view class="placeOrder_info"> <image class="imgsize" src="/assets/images/buy_sucess@2x.png"></image> <view class="font-color-c24e4e font-size" style="margin:30rpx 0;">下单成功</view> <view class="font-color-999">订单号:{{order.order_no}}</view> <view class="font-color-333" style="margin-top:30rpx;">厂家会尽快发货</view> </view> <view class="addressGroup"> <view class="address-hd font-color-999">客户收货地址</view> <view class="address-bd"> <view class="address-bd-hd font-color-999">地址:</view><view>湖北省武汉市硚口区人名西路302号明日财富大厦20层,迪吧拉亚公司研发部</view> </view> <view class="address-ft font-color-999"> <text>收货人:<text class="font-color-hei">轩少</text></text> <text style="margin-left:100rpx;">电话:<text class="font-color-hei" >13297090745</text></text> </view> </view> <view class="order-group"> <view class="group-hd">商品</view> <view class="group-bd line-after-top "> <view class="food-list line-before-bottom" wx:for="{{order.order_foods}}" wx:for-item="foodlist"> <image src="{{foodlist.foods_img}}" class="imgsize"></image> <view class="food-text"> <view class="font-size-16">{{foodlist.foods_name}}</view> <view><text class="font-color-999"><text class="font-color-c24e4e" style="font-size:40rpx;margin-left:24rpx;">¥{{foodlist.foods_price}}</text>{{foodlist.foods_weight}}</text> <text class="font-color-999">数量:<text class="font-color-c24e4e" style="margin-left:24rpx;">{{foodlist.foods_num}}</text></text> </view> </view> </view> </view> <view class="group-ft"> <text class="font-color-999">订单总额:<text class="font-color-c24e4e" style="font-size:40rpx; margin-left:24rpx;">¥{{order.order_sum}}</text></text> </view> </view> </view> |
/* pages/wineProcess/placeOrder.wxss */ @import '/pages/wineProcess/confirmOrder.wxss'; .placeOrder_info{ display: flex; flex-direction: column; height: 490rpx; align-items: center; line-height: 1; } .placeOrder_info .imgsize{ margin-top:70rpx; width: 200rpx; height: 200rpx; } .addressGroup{ background-color: #fff; padding: 0rpx 30rpx; line-height: 1; height:230rpx; } .address-hd{ margin-top: 30rpx; } .address-bd{ display: flex; flex-direction: row; margin-top: 30rpx; line-height: 1.5; font-size: 24rpx; } .address-bd-hd{ width: 100rpx; } .address-ft{ margin-top: 20rpx; font-size: 24rpx; } |
// pages/wineProcess/placeOrder.js Page({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 this.setData({ order:{ order_no:'SA02201703052988', create_time:'2017.03.05 18:30', order_stauts:[{ update_time:'2017.03.05 18:16', content:'厂家已确认,准备发货' }, { update_time:'2017.03.05 18:16', content:'厂家已确认,准备发货' }, { update_time:'2017.03.05 18:16', content:'厂家已确认,准备发货' }], order_foods:[{ foods_img:'/assets/testimages/timg1.jpg', foods_name:'永泰老酒1915 六瓶/件', foods_price:'1950', foods_weight:'/件(6瓶)', foods_num:1, },{ foods_img:'/assets/testimages/timg1.jpg', foods_name:'永泰老酒1988 六瓶/件', foods_price:'1950', foods_weight:'/件(6瓶)', foods_num:2, }], order_sum:4549, customer:{ customer_name:'迪巴拉公司袁小娇', customer_address:'湖北省武汉市硚口区人民路302号迪巴拉公司研发部', receiver:'李璇', phone:'13297090125' }, remarks:'喝假酒喝怕了,请快点...' } }) }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } }) |
模板简介:该模板名称为【微信小程序酒商家红色图标下单成功设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。