<view class="wraper">
	<!-- 收货地址 -->
	<view class="address">
		<view>
			<text class="name">杨天佑</text><text class="number">12166292893</text>
		</view>
		<view>
			上海市上海闵行区|七宝老街
		</view>
	</view>
	<!-- 商品订单详情 -->
	<view class="productDetails">
		<view class="orderListTitle">
			<view class="userImg"><image src="http://ojhq3mgil.bkt.clouddn.com/web/478/20170116/201701161749246654.jpg"></image></view>
			<text class="userName">上善若水</text>
			<text class="orderStatus">交易成功</text>
		</view>
		<view class="orderListDetails">
			<view class="productImg">
				<image src="http://ojhq3mgil.bkt.clouddn.com/465/20161024/201610241238006043.jpg"></image>
			</view>
			<view class="productInfo">
				<view class="productTitle">Canmake缤纷糖果保湿唇彩 唇蜜 01经典粉色</view>
				<text class="productPrice">￥132.00</text>
				<text class="productQuantity">x1</text>
			</view>
		</view>
		<view class="productCount">
			<view>共计1件商品 合计：￥<text>132.00</text></view>
		</view>
		<view class="productCount">
			<text class="expenses">运费</text><text class="noExpenses">免运费</text>
		</view>
	</view>	
	<!-- 提交订单 -->
	<view class="submitOrder">
		<view bindtap="topay" class="submit">
			<button class="submitBtn">提交订单</button>
		</view>
		<view class="account">
			<view class="count">总计: <text class="price">￥1.00</text></view>
			<text>免运费</text>
		</view>
	</view>
</view>

.wraper{
	position: relative;
}
/*收货地址*/
.address{
	height: 160rpx;
	padding-left: 40rpx;
	background: #fff;
	margin-top: 20rpx;
}

.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;
}
/*商品订单列表*/
.productDetails{
	background: #fff;
	margin-top: 20rpx;
	color: #666;
}
.orderListTitle{
	height: 100rpx;
	line-height: 100rpx;
	border-bottom: 1rpx solid #f3f3f3;
}
.orderListTitle .userImg{
	float: left;
	width: 70rpx;
	height: 70rpx;
	border-radius: 35rpx;
	margin:15rpx;
}
.orderListTitle .userImg image{
	border-radius: 35rpx;
	width: 100%;
	height: 100%;
}
.orderListTitle .userName{
	padding-right: 50rpx;
	background: url(../../../images/member_list_arrow.png) no-repeat 90% center;
	background-size: 35rpx 35rpx;
}
.orderListTitle .orderStatus{
	float: right;
	margin-right: 30rpx;
	color: #2f7b27;
	font-size: 34rpx;
}
.orderListDetails{
	display: flex;
	height: 180rpx;
	border-bottom: 1rpx solid #f3f3f3;
}
.orderListDetails .productImg{
	flex: 1;
	height: 140rpx;
	margin-top: 20rpx;
	margin-left: 20rpx;
}
.orderListDetails .productImg image{
	width: 100%;
	height: 100%;
}
.orderListDetails .productInfo{
	flex: 4;
	padding: 20rpx 30rpx;
}
.orderListDetails .productInfo .productTitle{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.orderListDetails .productInfo .productQuantity{
	float: right;
}
.productCount{
	height: 80rpx;
	line-height: 80rpx;
	border-bottom: 1rpx solid #f3f3f3;
}
.productCount>view{
	float: right;
	margin-right: 30rpx;
}
.productCount .expenses{
	float: left;
	padding-left: 20rpx;
}
.productCount .noExpenses{
	float: right;
	padding-right: 20rpx;
}
/*提交订单*/
.submitOrder{
	width: 100%;
	height: 100rpx;
	background: #fff;
	position: fixed;
	bottom: 0;
}
.submitOrder .account{
	float: right;
	font-size: 34rpx;
	color: #666;
	margin-right: 20rpx;
	text-align: right;
}
.submitOrder .account .count{
	line-height: 60rpx;
}
.submitOrder .account .price{
	color: #272822;
}
.submitOrder .submit{
	float: right;
}
.submitOrder .submit .submitBtn{
	width: 250rpx;
	height: 100rpx;
	line-height: 100rpx;
	color: #fff;
	border-radius: 0px;
	border: none;
	background: #f12035;
}

Page({
  data:{},
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },
  tosearch:function(){
    wx.navigateTo({
        url: '../searchProduct/searchProduct'
      })
  },
  topay:function(){
     wx.navigateTo({
        url: '../pay/pay'
      })
  }
})