Commit c84fac701a9d1f3be423bcd656699a084b473a96
1 parent
cbab7231
样式优化
Showing
3 changed files
with
10 additions
and
3 deletions
src/App.vue
| @@ -42,7 +42,11 @@ | @@ -42,7 +42,11 @@ | ||
| 42 | line-height: 132px !important; | 42 | line-height: 132px !important; |
| 43 | font-size: 90px !important; | 43 | font-size: 90px !important; |
| 44 | } | 44 | } |
| 45 | - | 45 | + /*底部播放控件*/ |
| 46 | + .video-js .vjs-control-bar{ | ||
| 47 | + border-bottom-right-radius:16px; | ||
| 48 | + border-bottom-left-radius:16px; | ||
| 49 | + } | ||
| 46 | .video-js .vjs-tech { | 50 | .video-js .vjs-tech { |
| 47 | border-radius: 16px; | 51 | border-radius: 16px; |
| 48 | } | 52 | } |
src/pages/instantTea/instantTea.less
| 1 | .instantTea_box { | 1 | .instantTea_box { |
| 2 | .div { | 2 | .div { |
| 3 | width: 100%; | 3 | width: 100%; |
| 4 | + margin-top: -1px; | ||
| 5 | + overflow: hidden; | ||
| 6 | + display: block | ||
| 4 | } | 7 | } |
| 5 | .div1 { | 8 | .div1 { |
| 6 | height: 680px; | 9 | height: 680px; |
| @@ -27,7 +30,7 @@ | @@ -27,7 +30,7 @@ | ||
| 27 | overflow: hidden; | 30 | overflow: hidden; |
| 28 | .video_box { | 31 | .video_box { |
| 29 | width: 713px !important; | 32 | width: 713px !important; |
| 30 | - height: 418px !important; | 33 | + height: 416px !important; |
| 31 | margin: 0 auto 0 auto; | 34 | margin: 0 auto 0 auto; |
| 32 | div { | 35 | div { |
| 33 | margin-top: 0; | 36 | margin-top: 0; |
src/pages/instantTea/instantTea.vue
| @@ -73,7 +73,7 @@ | @@ -73,7 +73,7 @@ | ||
| 73 | src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4" | 73 | src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4" |
| 74 | }], | 74 | }], |
| 75 | hls: true, // 启用hls？ | 75 | hls: true, // 启用hls？ |
| 76 | - poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/06/5e12fbb5407e4.png', // 你的封面地址 | 76 | + poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/06/5e13155211b56.jpg', // 你的封面地址 |
| 77 | width: document.documentElement.clientWidth || document.body.clientWidth, | 77 | width: document.documentElement.clientWidth || document.body.clientWidth, |
| 78 | notSupportedMessage: '此视频暂无法播放，请稍后再试' // 允许覆盖Video.js无法播放媒体源时显示的默认信息。 | 78 | notSupportedMessage: '此视频暂无法播放，请稍后再试' // 允许覆盖Video.js无法播放媒体源时显示的默认信息。 |
| 79 | } | 79 | } |