订单详情样式修改

src/views/order/channel/detail.vue

@@ -210,19 +210,20 @@ export default {
 </script>
 <style lang="scss" scoped>
 .info {
-  margin-bottom: 40px;
+  margin-bottom: 10px;
   &-title {
     font-size: 14px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
     font-weight: bold;
   }
   &-item {
+    padding-left: 50px;
     &-content {
       display: flex;
 
       &-one {
         display: flex;
-        margin-bottom: 40px;
+        margin-bottom: 10px;
 
         .title {
           width: 100px;
@@ -235,7 +236,7 @@ export default {
     }
   }
   &-amt {
-    margin-top: 20px;
+    margin-top: 10px;
     &-price {
       span {
         display: inline-block;

src/views/order/deliver/detail.vue

@@ -84,7 +84,7 @@
           v-for="(item, index) in deliverList"
           :key="index"
         >
-          <div class="title">快递{{ index + 1 }}</div>
+          <div class="logistics-title">快递{{ index + 1 }}</div>
           <div class="info">
             <div class="info-one">
               <div class="tit">快递公司：</div>
@@ -228,7 +228,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .info {
-  margin-bottom: 30px;
+  margin-bottom: 10px;
   &-title {
     font-size: 14px;
     margin-bottom: 20px;
@@ -241,7 +241,7 @@ export default {
 
       &-one {
         display: flex;
-        margin-bottom: 20px;
+        margin-bottom: 10px;
 
         .title {
           width: 100px;
@@ -255,13 +255,14 @@ export default {
 
     &-logistics {
       margin-bottom: 20px;
-      .title {
+      .logistics-title {
+        text-align: left;
         font-weight: bold;
         margin-bottom: 20px;
       }
       .info {
         display: flex;
-        margin-bottom: 20px;
+        margin-bottom: 10px;
         &-one {
           display: flex;
         }
@@ -293,7 +294,7 @@ export default {
     }
   }
   &-amt {
-    margin-top: 20px;
+    margin-top: 10px;
     &-price {
       span {
         display: inline-block;