@@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
- <link rel="icon" href="<%= BASE_URL %>logo.png">
- <title>我是标题</title>
+ <link rel="icon" href="<%= BASE_URL %>fav.ico">
+ <title>博物馆里的徽州古建筑</title>
</head>
<body>
<!-- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> -->
@@ -14,7 +14,6 @@
<span>进入学习</span>
</button>
<video
- v-show="isBeginVideo"
ref="startup-video"
src="@/assets/videos/startup-video.mp4"
@play="onVideoPlay"
@@ -79,6 +78,7 @@ export default {
top: 50%;
transform: translate(-50%, -50%);
font-size: 0;
+ z-index: 1;
>img {
height: 100px;
}
@@ -171,6 +171,7 @@ export default {
top: 0;
width: 100%;
height: 100%;
+ z-index: 6;
>menu {
@@ -5,6 +5,7 @@
class="bg"
:src="getBgVideoUrl()"
+ :poster="getBgVideoPosterUrl()"
loop
autoplay
/>
@@ -59,6 +60,9 @@ export default {
getBgVideoUrl() {
return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdx) + 1}.mp4`)
},
+ getBgVideoPosterUrl() {
+ return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdx) + 1}-poster.jpg`)
+ },
getMenuBgImgUrl() {
return require(`@/assets/images/bg-menu-level2-${Number(this.$route.query.sceneIdx) + 1}.png`)
@@ -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 {
return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdxLevel2) + 1}.mp4`)
+ return require(`@/assets/images/bg-${Number(this.$route.query.sceneIdxLevel2) + 1}-poster.jpg`)
return require(`@/assets/images/bg-menu-level3-length${this.sceneInfo.name.split(' ').join('').length}.png`)