|
@@ -4,9 +4,10 @@
|
|
<swiper-slide class="swiper-slide" v-for="(item,index) in idata" :key="index">
|
|
<swiper-slide class="swiper-slide" v-for="(item,index) in idata" :key="index">
|
|
<div class="s-item" :style="{height:wh.width+'px'}" >
|
|
<div class="s-item" :style="{height:wh.width+'px'}" >
|
|
<div v-if="item.video" class="video-bg">
|
|
<div v-if="item.video" class="video-bg">
|
|
- <video controls="controls" playsinline="playsinline" muted="muted" :poster="`${$cdn}images/${floder}/${item.video}.png`" >
|
|
|
|
- <source :src="`${$cdn}images/${floder}/${item.big}.mp4`" type="video/mp4">
|
|
|
|
|
|
+ <video controls="controls" playsinline="playsinline" muted="muted" :poster="`${$cdn}images/${floder}/${item.video}.png`" v-show="!navStatus" >
|
|
|
|
+ <source :src="`${$cdn}images/${floder}/${item.big}.mp4`" type="video/mp4" >
|
|
</video>
|
|
</video>
|
|
|
|
+ <img :src="`${$cdn}images/${floder}/${item.big}.mp4?x-oss-process=video/snapshot,t_2000,f_jpg,w_750,h_420,m_fast`" v-show="navStatus">
|
|
</div>
|
|
</div>
|
|
<img v-else class="main-img" :src="`${$cdn}images/${floder}/${item.big}.png`">
|
|
<img v-else class="main-img" :src="`${$cdn}images/${floder}/${item.big}.png`">
|
|
</div>
|
|
</div>
|
|
@@ -18,7 +19,7 @@
|
|
<script>
|
|
<script>
|
|
import 'swiper/dist/css/swiper.css'
|
|
import 'swiper/dist/css/swiper.css'
|
|
import { swiper, swiperSlide } from 'vue-awesome-swiper'
|
|
import { swiper, swiperSlide } from 'vue-awesome-swiper'
|
|
-
|
|
|
|
|
|
+import { mapState } from 'vuex'
|
|
let wh = {
|
|
let wh = {
|
|
width: window.innerWidth,
|
|
width: window.innerWidth,
|
|
height: window.innerHeight
|
|
height: window.innerHeight
|
|
@@ -43,6 +44,11 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapState({
|
|
|
|
+ navStatus: state => state.user.navStatus
|
|
|
|
+ })
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
goto (url) {
|
|
goto (url) {
|
|
window.open(url, '_blank')
|
|
window.open(url, '_blank')
|