修改样式

src/views/order/logistics.vue

@@ -15,7 +15,7 @@
           <el-col :span="2"><img :src="Record.image" width="75" height="75" alt=""></el-col>
           <el-col :span="22">
             <el-row style="margin-bottom: 10px;"><b>{{ Record.productName }}</b></el-row>
-            <el-row> 
+            <el-row>
               <el-col><div class="op-item"><b>购买数量:</b>{{ Record.buyNum }}</div></el-col>
               <el-col><div class="op-item"><b>发货数量:</b>{{ Record.num }}</div></el-col>
             </el-row>
@@ -23,9 +23,12 @@
         </el-row>
         <el-row :gutter="24" class="box-row"><el-col :span="24" style="color:#417DE6;font-weight: bold;">物流详情</el-col></el-row>
         <div v-for="logistics in itemData.logisticsInformationList" :key="logistics.orderID" :gutter="22" class="product-row" style="padding: 0 12px;background: #fff;">
-          <el-collapse v-model="activeName" accordion>
-            <el-collapse-item :title="'快递公司:'+logistics.logisticsCompanyName+'        物流单号:'+logistics.nu" name="1" style="color: #E68341;">
-              <div></div>
+          <el-collapse accordion>
+            <el-collapse-item>
+              <template slot="title">
+                <span class="nu-span">快递公司:{{ logistics.logisticsCompanyName }}</span>
+                <span class="nu-span">物流单号:{{ logistics.nu }}</span>
+              </template>
             </el-collapse-item>
           </el-collapse>
         </div>
@@ -40,7 +43,7 @@ export default {
   data() {
     return {
       activeName: '1',
-      logisticsInfoVos: [],
+      logisticsInfoVos: []
     }
   },
   computed: {
@@ -113,5 +116,9 @@ export default {
   .op-item{
     padding: 5px 0;
   }
+  .nu-span{
+    color: #E68341;
+    margin-right: 15px;
+  }
 </style>