w-front-end / Worship_and_learn_upward · Commits

Commit 6c2f1dcdd564e37e3fec451bc5203c21612f7d74

Authored by zhiyangdu
1 parent a6ed08e1

样式优化

Inline Side-by-side
Showing 2 changed files with 19 additions and 2 deletions
src/App.vue
  View file @6c2f1dc
@@ -24,4 +24,21 @@ @@ -24,4 +24,21 @@
24 background-color: transparent !important; 24 background-color: transparent !important;
25 } 25 }
26 } 26 }
  27 + /*设置不同的视频封面*/
  28 + .video1_poster{
  29 + .vjs-poster{
  30 + width: 100%;
  31 + height:401px;
  32 + background-image: url("../static/img/index/video1.png") !important;
  33 + background-size: 100%;
  34 + }
  35 + }
  36 + .video2_poster{
  37 + .vjs-poster{
  38 + width: 100%;
  39 + height:401px;
  40 + background-image: url("../static/img/index/video2.png") !important;
  41 + background-size: 100%;
  42 + }
  43 + }
27 </style> 44 </style>
src/pages/index/index.vue
  View file @6c2f1dc
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 </div> 11 </div>
12 </div> 12 </div>
13 <!--视频--> 13 <!--视频-->
14 - <div> 14 + <div class="video1_poster">
15 <div class="video_box"> 15 <div class="video_box">
16 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)" 16 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
17 ref="videoPlayer" 17 ref="videoPlayer"
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 39
40 <div></div> 40 <div></div>
41 <!--视频--> 41 <!--视频-->
42 - <div> 42 + <div class="video2_poster">
43 <div class="video_box"> 43 <div class="video_box">
44 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)" 44 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
45 ref="videoPlayer" 45 ref="videoPlayer"