我的订单页面样式优化

src/views/myOrder/myOrderList.vue

@@ -164,12 +164,13 @@ export default {
       overflow-y: auto;
       padding: 10PX;
       .orderItem{
-        height: 250PX;
+        // height: 250PX;
         background-color: white;
         margin-bottom: 10PX;
         border-radius: 10PX;
-        font-size: 14PX;
+        font-size: 14px;
         color: #333333;
+        padding: 0PX 10PX 10PX 10PX;
       }
     }
   }

src/views/myOrder/orderListItem.vue

@@ -2,8 +2,13 @@
   <div id="orderListItem">
     <div class="itemInfo">
       <div class="orderNum">
-        <van-image fit="contain" width="45" height="50" :src="sphImage"/>
-        <div class="num">订单号：34678649876</div>
+        <van-image fit="contain" width="50" height="55" :src="sphImage"/>
+        <div class="num">
+          <div class="numBer">订单号：34678649876</div>
+          <van-button color="#D9001B" class="numBtn" round plain size="mini" type="info">退</van-button>
+          <van-button color="#4b7902" class="numBtn" round plain size="mini" type="info">冷</van-button>
+          <van-button color="#02a7f0" class="numBtn" round plain size="mini" type="info">精麻</van-button>
+        </div>
         <div class="dian"></div>
         <div class="numType"><span>已开单</span></div>
       </div>
@@ -34,11 +39,11 @@
           <span style="width: 50%;">2020-11-10 18:09:33</span>
           <div class="price">总计：￥<span style="color:red;">10.5</span></div>
         </div>
-        <van-divider :style="{ color: '#999999', borderColor: '#999999', margin: '15PX 0 10PX 0'}"/>
+        <van-divider :style="{ color: '#999999', borderColor: '#999999', margin: '10PX 0 10PX 0'}"/>
         <div class="btnInfo" style="text-align: right;">
-          <van-button plain size="small" type="info">产看发票</van-button>
-          <van-button plain size="small" type="info">查看物流</van-button>
-          <van-button plain size="small" type="info">清货单</van-button>
+          <van-button style="border-radius: 5PX;" plain size="small" type="info">查看发票</van-button>
+          <van-button style="border-radius: 5PX;" plain size="small" type="info">查看物流</van-button>
+          <van-button style="border-radius: 5PX;" plain size="small" type="info">清货单</van-button>
         </div>
       </div>
     </div>
@@ -100,11 +105,21 @@ export default {
         display: flex;
         line-height: 50PX;
         height: 50PX;
-        margin: 0PX 10PX;
+        // margin: 0PX 10PX;
         .num{
           width: 77%;
           padding-left: 5PX;
         }
+        .numBer{
+          height: 16PX;
+          // line-height: 15PX;
+        }
+        .numBtn{
+          height: 13PX;
+          line-height: 13PX;
+          min-width: 35PX;
+          font-size: 8PX;
+        }
         .dian{
           width: 12PX;
           height: 10PX;
@@ -118,9 +133,9 @@ export default {
         }
       }
       .orderInfo{
-        margin: 0PX 10PX;
+        // margin: 0PX 10PX;
         // display: flex;
-        height: 105PX;
+        // height: 105PX;
         .company {
           height: 35PX;
           line-height: 35PX;
@@ -129,7 +144,7 @@ export default {
           font-weight: 600;
         }
         .info{
-          height: 80PX;
+          height: 65PX;
           display: flex;
           .headImage{
             // width: 55PX;