|
@@ -5,6 +5,7 @@
|
|
|
<video
|
|
|
class="bg"
|
|
|
:src="getBgVideoUrl()"
|
|
|
+ :poster="getBgVideoPosterUrl()"
|
|
|
loop
|
|
|
autoplay
|
|
|
/>
|
|
@@ -48,6 +49,9 @@
|
|
|
<img
|
|
|
class="lion"
|
|
|
:src="require(`@/assets/images/lion-${sceneInfo.lionGender}-${isLionWalking ? 'walking' : 'speaking'}.gif`)"
|
|
|
+ :style="{
|
|
|
+ left: isLionWalking ? '' : '20px',
|
|
|
+ }"
|
|
|
alt=""
|
|
|
draggable="false"
|
|
|
>
|
|
@@ -90,6 +94,9 @@ export default {
|
|
|
getBgVideoUrl() {
|
|
|
return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdxLevel2) + 1}.mp4`)
|
|
|
},
|
|
|
+ getBgVideoPosterUrl() {
|
|
|
+ return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdxLevel2) + 1}-poster.jpg`)
|
|
|
+ },
|
|
|
getMenuBgImgUrl() {
|
|
|
return require(`@/assets/images/bg-menu-level3-length${this.sceneInfo.name.split(' ').join('').length}.png`)
|
|
|
},
|