1

src/views/dynamic/index.vue

@@ -169,7 +169,7 @@ export default {
   }
   .three {
     overflow: hidden;
-    height: 525px;
+    height: 255px;
     box-shadow: 0 0 10px #2d64b3;
     border-radius: 10px;
     margin: 15px 0 0 0;

src/views/dynamic/parts/gzcy.vue

@@ -12,8 +12,8 @@
           </el-col>
         </el-col>
         <el-col :span="24" class="info">
-          <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click.native="show(item)">
-            <el-image :src="item.url" style="width:150px;height:130px"></el-image>
+          <el-col :span="4" class="list" v-for="(item, index) in list" :key="index" @click.native="show(item)">
+            <el-image :src="item.url" style="width:100px;height:90px"></el-image>
             <p>{{ item.title }}</p>
           </el-col>
         </el-col>
@@ -78,8 +78,8 @@ export default {
     .list {
       text-align: center;
       background: #f1f1f1;
-      margin: 0 30px 15px 0;
-      width: 365px;
+      margin: 0 10px 15px 0;
+      width: 185px;
       p {
         height: 40px;
         line-height: 40px;
@@ -91,7 +91,7 @@ export default {
         margin: 20px 0;
       }
     }
-    .list:nth-child(3n) {
+    .list:nth-child(6) {
       margin: 0 0 15px 0;
     }
     .list:hover {