|
@@ -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>
|