修改样式

src/views/order/add.vue

@@ -13,15 +13,15 @@
           </el-col>
           <el-col :span="24" class="two_3" v-for="(item, index) in form.list" :key="index">
             <el-col :span="8" class="img">
-              <el-image :src="item.file && item.file.length > 0 ? item.file[0].url : ''" fit="fill"></el-image>
+              <el-image :src="item.file && item.file.length > 0 ? item.file[0].url : ''" fit="scale-down"></el-image>
             </el-col>
             <el-col :span="8" class="name">
               <el-col :span="24" class="name_1">{{ item.name }} </el-col>
               <el-col :span="24" class="name_2"> {{ item.spec }}</el-col>
             </el-col>
-            <el-col :span="7" class="mtwoy">
-              <el-col :span="24" class="mtwoy_1">￥{{ item.price }} </el-col>
-              <el-col :span="24" class="mtwoy_2"> ×{{ item.num }}</el-col>
+            <el-col :span="7" class="money">
+              <el-col :span="24" class="money_1">￥{{ item.price }} </el-col>
+              <el-col :span="24" class="money_2"> ×{{ item.num }}</el-col>
             </el-col>
           </el-col>
           <el-col :span="24" class="two_4">
@@ -136,15 +136,18 @@ export default {
       padding: 0.5vw 0;
       font-size: 18px;
       border-bottom: 1px solid #ccc;
+      .img {
+        height: 20vh;
+      }
       .name {
         margin: 0 0 0 1vw;
         .name_2 {
           color: #858585;
         }
       }
-      .mtwoy {
+      .money {
         text-align: right;
-        .mtwoy_1 {
+        .money_1 {
           color: red;
         }
       }