Merge branch 'feature/my-order' into develop

-<div class="table table-body">
+<div class="table table-body{{#unless orderList}} empty{{/unless}}">
 {{#if orderList}}
 {{#orderList}}
     <div class="order">
@@ -55,6 +55,11 @@
     </div>
 {{/orderList}}
 {{^}}
-数据为空
+<div class="bg"></div>
+<div class="msg">
+    <p class="msg-zh bold">您暂时还没有订单</p>
+    <p class="msg-en">You do not have an order for the time being</p>
+    <span class="btn">去购物</span>
+</div>
 {{/if}}
 </div>

@@ -39,8 +39,8 @@
     }
 
     .search-bar {
-        $height: 24px;
-        $buttonWidth: 65px;
+        $height: 30px;
+        $buttonWidth: 67px;
 
         height: calc($liHeight);
         float: right;

@@ -10,6 +10,7 @@
     $goodImgHeight: 90px;
 
     $normalSize: 14px;
+    $bigSize: 16px;
 
     $smallSpace: 8px;
     $space: 20px;
@@ -176,5 +177,35 @@
             margin: 0;
         }
     }
+
+    &.empty {
+        width: 100%;
+
+        .bg {
+            height: 250px;
+            background-image: resolve('me/no-order.png');
+            background-repeat: no-repeat;
+            background-position: center bottom;
+            background-size: 100px 125px;
+        }
+
+        .msg {
+            margin-top: 50px;
+            text-align: center;
+
+            .msg-zh {
+                font-size: $bigSize;
+                margin-bottom: $space;
+            }
+
+            .msg-en {
+                margin-bottom: 40px;
+            }
+
+            .btn {
+                display: inline-block;
+            }
+        }
+    }
 }