<!--pages/myOrder/orderList.wxml-->
<view class="container">
    <view class="list-group">
        <navigator url="orderDetail?order_id={{list.order_id}}" class="orderList bg-color-white" hover-class="weui-cell_active" wx:for="{{orderList}}" wx:for-item="list">
             <view class="orderList-hd line-before-bottom">
               <text class="font-color-c24e4e">{{list.order_no}}</text>
               <text class="font-color-999">{{list.create_time}}</text>
             </view>
              <view class="orderList-bd line-before-bottom">
                  <view class="imgbox" wx:for="{{list.imgs}}" wx:for-item="img">
                      <image src="{{img}}"></image>
                  </view>
              </view>
              <view class="orderList-ft">
                  <view class="orderList-ft-hd font-color-999">
                    客户:<text class="font-color-hei ">{{list.customer_name}}</text>
                  </view>
                  <view class="orderList-ft-ft font-color-999" >
                    状态:<text class="font-color-hei">{{list.order_status}}</text>
                  </view>
              </view>
        </navigator>
    </view>
</view>

/* pages/myOrder/orderList.wxss */
page{
    line-height: 1
}
.orderList{
    margin-top: 20rpx;
    padding: 30rpx;
    display: flex;
    flex-direction:column;
}
.orderList-hd{
    display: flex;
    padding-bottom: 28rpx;
    justify-content: space-between;
}
.orderList-bd{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
      padding: 30rpx 0rpx;
      margin-bottom: 30rpx;
}
.imgbox{
  box-sizing: border-box;
  background-color: white;
  width: 100rpx;
  height: 100rpx;
  overflow: hidden;
  margin: 0 15rpx;
 
 

} 
.imgbox image{
    width: 100rpx;
    height: 100rpx;
}
.orderList-ft{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

// pages/myOrder/orderList.js
Page({
  data:{},
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
          this.setData({
      orderList:[{
        order_id:1,
        order_no:'SA02201703052988',
        create_time:'2017.03.05 18:30',
        imgs:['/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg'],
        customer_name:'轩少',
        order_status:'已付款'
      },{
        order_id:2,
        order_no:'SA02201703052988',
        create_time:'2017.03.05 18:30',
        imgs:['/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg'],
        customer_name:'轩少',
        order_status:'已付款'
      },{
        order_id:3,
        order_no:'SA02201703052988',
        create_time:'2017.03.05 18:30',
        imgs:['/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg'],
        customer_name:'轩少',
        order_status:'已付款'
      }]
    })
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})