我的订单(1/4)

pages/me/order/index.json

 {
   "navigationBarTitleText": "我的订单",
   "backgroundColor": "#f5f5f5",
- "usingComponents": {
-  "i-tabs": "/iview/tabs/index",
-  "i-tab": "/iview/tab/index"
-}
+  "usingComponents": {
+    "i-tabs": "/iview/tabs/index",
+    "i-tab": "/iview/tab/index",
+    "i-row": "/iview/row/index",
+    "i-col": "/iview/col/index"
+  }
 }
\ No newline at end of file

pages/me/order/index.wxml

 <view class='v-page'>
-  <i-tabs current="tab1" bindchange="handleChange" >
+  <i-tabs current="tab1" bindchange="handleChange" i-class='margin-bottom'>
     <i-tab key="tab1" title="进行中"></i-tab>
     <i-tab key="tab2" title="待评价"></i-tab>
     <i-tab key="tab3" title="已完成"></i-tab>
   </i-tabs>
+
+  <view class='order-box'>
+    <view class='order-item'>
+      <i-row>
+        <i-col span="24" offset='2' i-class="col-class text">
+          <text>2018-08-9 12:30</text>
+        </i-col>
+      </i-row>
+
+       <i-row>
+        <i-col span="20" offset='2' i-class="col-class text order-content">
+          <text>2018-08-9 12:30</text>
+        </i-col>
+      </i-row>
+
+    </view>
+  </view>
+
+
 </view>
\ No newline at end of file

pages/me/order/index.wxss

+page{
+  background-color:#F5F5F5; 
+}
+
+.margin-bottom{
+  margin-bottom: 20rpx;
+}
+
+.order-item{
+  background-color: #fff;
+}
+
+.text{
+  width: 100%;
+  height: 70rpx;
+  font-size: 30rpx;
+  line-height: 70rpx;
+  color:#7F7F7F;
+}
+
+.order-content{
+  background-color: #F7F7F7;
+  border-radius: 5rpx;
+  width: 
+}
\ No newline at end of file