1

src/views/kjzx/index.vue

@@ -10,9 +10,12 @@
         </el-col>
         <el-col :span="24" class="info">
           <div class="w_1200">
-            <el-col :span="6" class="one">
-              <img src="../../assets/news.jpg" style="width: 100%; height: 100%" />
-              <p>提示信息</p>
+            <el-col :span="6" class="con">
+              <el-col :span="24" class="one">
+                <img src="../../assets/news.jpg" style="width: 100%; height: 100%" />
+                <p>提示信息</p>
+              </el-col>
+              <el-col :span="24" class="two"></el-col>
             </el-col>
           </div>
         </el-col>
@@ -59,19 +62,32 @@ export default {
 }
 .info {
   margin: 10px 0px;
-  .one {
-    height: 354px;
+  .con {
+    height: 680px;
     width: 514px;
     margin-right: 10px;
-    background-color: #fff;
-    position: relative;
-    p {
-      position: absolute;
-      left: 35px;
-      bottom: 18px;
-      font-size: 12px;
-      color: #fff;
-      line-height: 13px;
+    .one {
+      height: 354px;
+      width: 514px;
+      background-color: #fff;
+      position: relative;
+      margin-bottom: 10px;
+      p {
+        width: 494px;
+        height: 40px;
+        background-color: rgba(0, 0, 0, 0.5);
+        position: absolute;
+        left: 0px;
+        padding-left: 20px;
+        bottom: 0px;
+        font-size: 12px;
+        color: #fff;
+        line-height: 40px;
+      }
+    }
+    .two {
+      width: 354px;
+      height: 680px;
     }
   }
 }