|
|
@@ -2,9 +2,10 @@
|
|
|
<div id="phontoNews">
|
|
|
<el-col :span="24" class="info">
|
|
|
<div class="block">
|
|
|
- <el-carousel height="150px">
|
|
|
+ <el-carousel height="360px">
|
|
|
<el-carousel-item v-for="(item, index) in photoNews" :key="index">
|
|
|
- <el-image style="width:369px;height:242px;" :src="item.picture"></el-image>
|
|
|
+ <el-image style="width:100%;height:360px;" :src="item.picture"></el-image>
|
|
|
+ <p class="title textOver">{{ item.title }}</p>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</div>
|
|
|
@@ -26,4 +27,25 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+p {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.info {
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+/deep/.el-carousel__indicators {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.title {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ width: 97%;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 10px;
|
|
|
+ color: #fff;
|
|
|
+ background: #22529a;
|
|
|
+}
|
|
|
+</style>
|
