|
@@ -100,20 +100,22 @@
|
|
|
:key="index"
|
|
|
class="swiper-slide"
|
|
|
:class="{
|
|
|
- single: hotspotData.images.length === 1
|
|
|
+ single: hotspotData.video.length === 1
|
|
|
}"
|
|
|
@click="viewVideo(item)"
|
|
|
>
|
|
|
- <video
|
|
|
- ref="video"
|
|
|
- :src="item.url"
|
|
|
- />
|
|
|
<img
|
|
|
+ class="cover"
|
|
|
+ src="@/assets/images/video-icon.png"
|
|
|
+ alt=""
|
|
|
+ draggable="false"
|
|
|
+ >
|
|
|
+ <!-- <img
|
|
|
class="icon"
|
|
|
src="@/assets/images/play.png"
|
|
|
alt=""
|
|
|
draggable="false"
|
|
|
- >
|
|
|
+ > -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="swiper-pagination" />
|
|
@@ -398,7 +400,7 @@ export default {
|
|
|
width: 30.2vw;
|
|
|
height: 19.6vw;
|
|
|
position: relative;
|
|
|
- > video {
|
|
|
+ > .cover {
|
|
|
object-fit: contain;
|
|
|
border-radius: 4px;
|
|
|
width: 100%;
|
|
@@ -409,8 +411,8 @@ export default {
|
|
|
left: 50%;
|
|
|
top: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
- width: 6.2vw;
|
|
|
- height: 6.2vw;
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
}
|
|
|
}
|
|
|
> .swiper-slide.single {
|
|
@@ -469,4 +471,9 @@ h3 {
|
|
|
font-size: 4.3vw;
|
|
|
color: black;
|
|
|
}
|
|
|
+a {
|
|
|
+ color: #00A0E6;
|
|
|
+ font-size: 3.6vw;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
</style>
|