修改订单管理列表样式

src/views/goods/order-manage.vue

@@ -41,7 +41,7 @@
       </el-tabs>
       <el-table :data="tableData" border  max-height="1000" class="item-table" style="width: 100%;margin-top: 10px;">
         <el-table-column prop="id" label="订单号" min-width="100" align="center"></el-table-column>
-        <el-table-column prop="goodsNameList" label="商品名称" min-width="100" align="center">
+        <el-table-column prop="goodsNameList" label="商品名称" min-width="150" align="center">
           <template slot-scope="scope">
           <!--<span>{{ scope.row.goodsName }}</span>-->
             <p v-for="(item, index) in scope.row.goodsNameList" :key="index" class="p-normal">{{item}}</p>
@@ -524,8 +524,16 @@
     height: 0;
   }
   .p-normal{
-    line-height: 34px;
+    line-height: 26px;
     border-bottom: 1px solid #E4E7ED;
+    text-overflow: -o-ellipsis-lastline;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    margin: 10px 0;
+
     &:last-child{
       border-bottom: none;
     }