|
@@ -12,7 +12,7 @@ |
|
|
<div id="daliay">
|
|
|
<div id="daliay">
|
|
|
<div class="content">
|
|
|
<div class="content">
|
|
|
<div class="top">
|
|
|
<div class="top">
|
|
|
<el-carousel :interval="4000" type="card" height="200px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel">
|
|
|
|
|
|
|
|
|
<el-carousel :interval="4000" type="card" height="490px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel">
|
|
|
<el-carousel-item v-for="(item, index) in carvideoList" :key="index">
|
|
|
<el-carousel-item v-for="(item, index) in carvideoList" :key="index">
|
|
|
<div class="carvideo" :class="currentIndex === index ? 'carvideoShadow' : ''">
|
|
|
<div class="carvideo" :class="currentIndex === index ? 'carvideoShadow' : ''">
|
|
|
<img class="videoImage" :src="item.image" />
|
|
|
<img class="videoImage" :src="item.image" />
|
|
@@ -22,11 +22,11 @@ |
|
|
</el-carousel-item>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</el-carousel>
|
|
|
</div>
|
|
|
</div>
|
|
|
<a :href="gg2.link" v-if="gg2.img" target="_blank">
|
|
|
|
|
|
<img class="bottom" :src="gg2.img" alt="">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a :href="gg2.link" v-if="gg2.img" target="_blank" class="banner">
|
|
|
|
|
|
<img :src="gg2.img" alt="">
|
|
|
|
|
|
</a>
|
|
|
<div id="wk">
|
|
|
<div id="wk">
|
|
|
<div class="content">
|
|
|
<div class="content">
|
|
|
<div class="htitle">
|
|
|
<div class="htitle">
|
|
@@ -303,7 +303,9 @@ export default { |
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
#daliay {
|
|
|
#daliay {
|
|
|
height: 625px;
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
|
height: 410px;
|
|
|
|
|
|
}
|
|
|
.top {
|
|
|
.top {
|
|
|
// justify-content: space-between;
|
|
|
// justify-content: space-between;
|
|
|
background-color: #00000000 !important;
|
|
|
background-color: #00000000 !important;
|
|
@@ -474,4 +476,10 @@ export default { |
|
|
background-repeat: no-repeat;
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.banner{
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 1200px;
|
|
|
|
|
|
}
|
|
|
</style>
|
|
|
</style>
|