任一存 2 年 前
コミット
0f95969c25

BIN
public/fav.ico


+ 2 - 2
public/index.html

@@ -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> -->

BIN
public/logo.png


BIN
src/assets/images/bg-1-poster.jpg


BIN
src/assets/images/bg-2-poster.jpg


BIN
src/assets/images/bg-3-poster.jpg


BIN
src/assets/images/bg-4-poster.jpg


BIN
src/assets/images/bg-5-poster.jpg


BIN
src/assets/images/bg-6-poster.jpg


BIN
src/assets/images/lion-female-speaking.gif


+ 1 - 1
src/components/StartUp.vue

@@ -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;
     }

+ 1 - 0
src/views/Home.vue

@@ -171,6 +171,7 @@ export default {
       top: 0;
       width: 100%;
       height: 100%;
+      z-index: 6;
     }
   }
   >menu {

+ 4 - 0
src/views/Level2.vue

@@ -5,6 +5,7 @@
     <video
       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`)
     },

+ 7 - 0
src/views/Level3.vue

@@ -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`)
     },