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