修改审核样式问题

src/views/operationsManagement/article/index.vue

@@ -155,20 +155,20 @@
         </div>
         <el-row :gutter="20">
           <el-col :span="24">
-            <div style="font-size: 15px;padding-left: 45px;padding-bottom: 20px;" class="content">{{ form.content }}</div>
+            <div style="font-size: 15px;padding-left: 20px;padding-bottom: 20px;" class="content">{{ form.content }}</div>
           </el-col>
           <div>
             <!-- 当没有图片时 -->
             <div v-if="!form.url || form.url.length === 0" style="text-align: center; color: #999;" />
             <!-- 当图片数量为1时 -->
-            <div v-else-if="form.url.length === 1" style="margin-left: 60px">
+            <div v-else-if="form.url.length === 1" style="margin-left: 150px">
               <img :src="form.url[0]" alt="" class="avatar1">
             </div>
             <!-- 当图片数量为4或6时，上下两排展示 -->
             <div v-else-if=" form.url.length === 2" style="padding-left: 40px">
               <el-row v-for="(row, rowIndex) in Math.ceil(form.url.length / 2)" :key="rowIndex" :gutter="1">
                 <el-col v-for="(imagePath, index) in form.url.slice(rowIndex * 2, rowIndex * 2 + 2)" :key="index" :span="12">
-                  <div style="padding-left: 10px;">
+                  <div style="margin-left: -15px">
                     <img :src="imagePath" alt="" class="avatar3">
                   </div>
                 </el-col>
@@ -178,22 +178,22 @@
             <div v-else-if="form.url.length === 4 " style="padding-left: 40px">
               <el-row v-for="(row, rowIndex) in Math.ceil(form.url.length / 2)" :key="rowIndex" :gutter="1">
                 <el-col v-for="(imagePath, index) in form.url.slice(rowIndex * 2, rowIndex * 2 + 2)" :key="index" :span="12">
-                  <div style="padding-left: 10px;">
+                  <div style="margin-left: -10px">
                     <img :src="imagePath" alt="" class="avatar5">
                   </div>
                 </el-col>
               </el-row>
             </div>
             <!-- 当图片数量为5, 7, 8或9时，按九宫格显示 -->
-            <el-row v-else :gutter="2" style="padding-left: 40px">
+            <el-row v-else :gutter="2" style="padding-left: 50px">
               <el-col v-for="(imagePath, index) in form.url" :key="index" :span="8">
-                <div style="padding-left: 10px">
+                <div style="margin-left: -20px">
                   <img :src="imagePath" alt="" class="avatar2">
                 </div>
               </el-col>
             </el-row>
           </div>
-          <div style="font-size: 12px;color: #8c8c93;padding-left: 60px;padding-top: 10px">
+          <div style="font-size: 12px;color: #8c8c93;padding-left: 30px;padding-top: 10px">
             <span>{{ form.createDate }}</span>
           </div>
           <div class="commentTitle">
@@ -700,7 +700,7 @@ export default {
   display: block;
 }
 .avatar2 {
-  width: 175px;
+  width: 170px;
   height: 130px;
   display: block;
 }