init

zhiyangdu
1 parent 9d9fbd96
Showing 8 changed files with 21 additions and 1 deletions
src/App.vue
src/main.js
src/pages/index/index.less
src/pages/index/index.vue
static/img/index/11.jpg
static/img/index/18.jpg
static/img/index/video1.png
static/img/index/video2.png
@@ -17,4 +17,11 @@
     .mint-indicator-text {
         font-size: 30px !important;
     }
+    // 设置播放器的背景颜色
+    .video-js{
+        background-color: transparent !important;
+        .vjs-poster{
+        background-color: transparent !important;
+        }
+    }
 </style>
@@ -9,6 +9,11 @@ import &#39;mint-ui/lib/style.css&#39;;
 import { Toast, Indicator,InfiniteScroll } from 'mint-ui';
 import { Rate, Popup, Lazyload, Search, PullRefresh } from 'vant';
 import App from "./App";
+// 1.全局引用
+import VueVideoPlayer from 'vue-video-player'
+import 'video.js/dist/video-js.css'
+
+Vue.use(VueVideoPlayer)
 Vue.use(Vuex);
 Vue.use(VueResource);
 Vue.use(VueHead, { separator: " " });
@@ -124,9 +124,15 @@
         background: #bd3325 url("../../../static/img/index/17.jpg") no-repeat center top;
         background-size: 100%;
     }
+    div:nth-child(18){
+        width: 100%;
+        height: 520px;
+        background: #bd3325 url("../../../static/img/index/18.jpg") no-repeat center top;
+        background-size: 100%;
+    }
     .video_box{
         width: 713px !important;
-        height: 404px !important;
+        height: 418px !important;
         margin:  85px 18px 0 18px;
     }
 }
@@ -60,6 +60,8 @@
             <div></div>
+            <div></div>
+
         </div>
     </div>
 </template>