|
@@ -7,10 +7,13 @@
|
|
|
<span :style="`border-color:${borderColor}`">{{title}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="6" style="text-align:right;">
|
|
|
- <el-link :underline="false" :style="`color:${Color}`" @click="$router.push({ path: `list/${chengguolist[0].id}` })">MORE<i class="el-icon-video-play"></i></el-link>
|
|
|
+ <el-link :underline="false" :style="`color:${Color}`"
|
|
|
+ @click="$router.push({ path: `list/${chengguolist[0].id}` })">MORE<i
|
|
|
+ class="el-icon-video-play"></i></el-link>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="newsMain">
|
|
|
+ <!-- chengguolist -->
|
|
|
+ <!-- <el-col :span="24" class="newsMain">
|
|
|
<el-col :span="24" v-for="(tag, index) in chengguolist" :key="index" :type="tag.type">
|
|
|
<el-col class="chengguolist" :span="24" v-for="(item, index) in tag.children" :key="index">
|
|
|
<el-col :span="16" @click.native="$router.push({ name: 'detail', params:{id:item.id} })">
|
|
@@ -21,6 +24,22 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="24" class="newsMain">
|
|
|
+ <el-col :span="24" v-for="(tag, index) in chengguolist" :key="index" :type="tag.type">
|
|
|
+ <el-carousel indicator-position="outside">
|
|
|
+ <el-carousel-item v-for="(item, index) in tag.children" :key="index">
|
|
|
+ <el-col :span="24" class="link" @click.native="$router.push({ name: 'detail', params:{id:item.id} })">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-image style="width:100%;height:345px;" :src="item.pic"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="title" :unerline="false">
|
|
|
+ <p>{{item.title}}</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -37,7 +56,7 @@ export default {
|
|
|
data: () => ({
|
|
|
borderColor: '#850000',
|
|
|
Color: '#850000',
|
|
|
- title: '成果展示'
|
|
|
+ title: '成果展示',
|
|
|
}),
|
|
|
created() {
|
|
|
},
|
|
@@ -58,6 +77,7 @@ p {
|
|
|
}
|
|
|
.news {
|
|
|
padding: 10px;
|
|
|
+ height: 399px;
|
|
|
}
|
|
|
.topTit {
|
|
|
border-bottom: 1px solid #ccc;
|
|
@@ -74,9 +94,33 @@ p {
|
|
|
}
|
|
|
.newsMain {
|
|
|
padding: 5px 0;
|
|
|
+ height: 356px;
|
|
|
+}
|
|
|
+/deep/.el-carousel__container {
|
|
|
+ height: 345px;
|
|
|
+}
|
|
|
+/deep/.el-carousel__indicators {
|
|
|
+ display: none;
|
|
|
}
|
|
|
-.chengguolist p:hover{
|
|
|
- color:#850000;
|
|
|
+.newsMain .title {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ background: rgba(119, 136, 153, 0.5);
|
|
|
+}
|
|
|
+.newsMain .title p {
|
|
|
+ height: 59px;
|
|
|
+ line-height: 60px;
|
|
|
+ font-size: 25px;
|
|
|
+ padding: 0 10px;
|
|
|
+ color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.newsMain .link:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+.newsMain .link .title:hover p {
|
|
|
+ color: #1e90ff;
|
|
|
+}
|
|
|
</style>
|