首页banner添加视频

src/layouts/home/index.vue

@@ -4,9 +4,7 @@
         <div class="layout">
             <div class="content">
                 <transition name="move" mode="out-in">
-                    <keep-alive>
                   <router-view class="view"></router-view>
-                    </keep-alive>
                 </transition>
                 <el-backtop target=".content"></el-backtop>
                 <v-footer></v-footer>

src/pages/index/list/index.vue

@@ -1,6 +1,11 @@
 <template>
     <div class="wrap" :class="{index: !keyword, result: keyword}">
         <div class="banner">
+            <video class="video" ref="video" autoplay muted loop>
+                <source src="@/assets/video/sky.mp4" type="video/mp4">
+                您的浏览器不支持 video 标签。
+            </video>
+            <div class="banner-inner">
               <div class="title" v-if="!keyword">准确，多元，海量数据</div>
               <div class="search-wrap">
                   <div class="search">
@@ -16,6 +21,7 @@
                   </div>
               </div>
             </div>
+        </div>
         <div class="list-wrap" v-if="keyword">
             <div class="tips">
                 <p class="result"><img src="@/assets/img/index/search.png" alt=""> 搜索结果</p>
@@ -567,8 +573,18 @@ export default {
     position: relative;
     background-color: #F3F6FA;
     .banner{
-        padding: 160px 0;
+        position: relative;
-        background:  url(../../../assets/img/login-bg.png) 0 0/100% 100% no-repeat;
+        height: 518px;
+        overflow: hidden;
+    }
+    .video {
+      width: 100%;
+    }
+    .banner-inner {
+      position: absolute;
+      top: 160px;
+      left: 50%;
+      transform: translateX(-50%);
     }
     .title{
         margin-bottom: 37px;