
<!--pages/wineProcess/confirmOrder.wxml-->
<view class="container">
<view class="order-title">
<text ><text class="font-color-333">订单号</text><text style="margin-left:40rpx;">{{order.order_no}}</text></text>
<text class="font-color-999">{{order.create_time}}</text>
</view>
<!--<view class="order-status">
<view class="group-hd">订单状态</view>
<view wx:for="{{ order.order_stauts}}" wx:for-item="status" class="{{status==order.order_stauts[0] ? 'content font-color-c24e4e' :'content'}}" >
<text>{{status.update_time}}:</text>
<text style="margin-left:40rpx;">{{status.content}}</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>
<navigator url="chooseCustomer" class="address-group arrow-right">
<view class="address-group-hd"><text>客户(收货信息)</text></view>
</navigator>
<!--<view class="address-group">
<view class="address-group-hd line-before-bottom">
<text>客户</text>
<text>{{order.customer.customer_name}}</text>
</view>
<view class="address-group-bd">
<text>地址:{{order.customer.customer_address}}</text>
<text ><text>收货人:{{order.customer.receiver}}</text><text style="margin-left:2em;">联系电话:{{order.customer.phone}}</text></text>
</view>
</view>-->
<view class="order-group ">
<view class="group-hd line-before-bottom">备注信息</view>
<view class="weui-cell__bd">
<textarea class="weui-textarea" placeholder="请在此填写备注信息" style="height: 3.3em" />
<view class="weui-textarea-counter">0/200</view>
</view>
</view>
</view>
<view style="width:100%;height:140rpx;"></view>
<view class="fixed-ft foot-box">
<view class="pay-box font-color-white" bindtap="wxPay">微信支付</view>
</view>
|
/* pages/wineProcess/confirmOrder.wxss */
@import '/pages/myOrder/orderDetail.wxss';
.order-group .weui-cell__bd{
padding: 30rpx 0;
}
.pay-box{
width: 710rpx;
height: 100rpx;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-color: #339933;
border-radius: 8rpx;
}
.foot-box{
padding: 20rpx 0;
background-color: #eeeeee;
}
|
// pages/wineProcess/confirmOrder.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(){
// 页面关闭
},
wxPay(){
wx.requestPayment({
'timeStamp': '',
'nonceStr': '',
'package': '',
'signType': 'MD5',
'paySign': '',
'success':(res)=>{
},
'fail':(res)=>{
}
})
}
})
|
模板简介:该模板名称为【微信小程序购买酒商品确认订单支付页面设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。