更新

src/views/dynamic/dealDetail.vue

@@ -15,11 +15,12 @@
                 <p>项目详情</p>
                 <p><span></span></p>
               </el-col>
-              <el-col :span="22">
+              <el-col :span="22" class="infoMess">
                 中間
               </el-col>
-              <el-col :span="1">
-                右側
+              <el-col :span="1" class="infoDown">
+                <p><span></span></p>
+                <p>项目详情</p>
               </el-col>
             </el-col>
             <el-col :span="24" class="top down">
@@ -89,6 +90,7 @@ export default {
   height: 160px;
   overflow: hidden;
 }
+// 头部横
 .main .two .top {
   float: left;
   width: 100%;
@@ -100,6 +102,7 @@ export default {
   height: 1px;
   background: #9cb9cb;
 }
+// 底部横
 .main .two .down span {
   float: left;
 }
@@ -107,6 +110,7 @@ export default {
   height: 700px;
   overflow: hidden;
 }
+// 内容左侧
 .main .two .info .infoTop {
   text-align: center;
   height: 700px;
@@ -127,4 +131,30 @@ export default {
   width: 1px;
   height: 580px;
 }
+// 内容右侧
+.main .two .info .infoDown {
+  text-align: center;
+  height: 700px;
+  overflow: hidden;
+}
+.main .two .info .infoDown p:first-child {
+  text-align: center;
+}
+.main .two .info .infoDown p:first-child span {
+  display: inline-block;
+  background: red;
+  width: 1px;
+  height: 580px;
+}
+.main .two .info .infoDown p:last-child {
+  font-size: 20px;
+  height: 120px;
+  text-align: center;
+  padding: 0 12px;
+}
+// 中间内容
+.main .two .info .infoMess {
+  height: 700px;
+  overflow: hidden;
+}
 </style>