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 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 44 </style>
... ...
src/pages/index/index.vue
  View file @6c2f1dc
... ... @@ -11,7 +11,7 @@
11 11 </div>
12 12 </div>
13 13 <!--视频-->
14   - <div>
  14 + <div class="video1_poster">
15 15 <div class="video_box">
16 16 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
17 17 ref="videoPlayer"
... ... @@ -39,7 +39,7 @@
39 39  
40 40 <div></div>
41 41 <!--视频-->
42   - <div>
  42 + <div class="video2_poster">
43 43 <div class="video_box">
44 44 <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
45 45 ref="videoPlayer"
... ...