Commit c84fac701a9d1f3be423bcd656699a084b473a96
1 parent
cbab7231
样式优化
Showing
3 changed files
with
10 additions
and
3 deletions
src/App.vue
| ... | ... | @@ -42,7 +42,11 @@ |
| 42 | 42 | line-height: 132px !important; |
| 43 | 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 | 50 | .video-js .vjs-tech { |
| 47 | 51 | border-radius: 16px; |
| 48 | 52 | } | ... | ... |
src/pages/instantTea/instantTea.less
| 1 | 1 | .instantTea_box { |
| 2 | 2 | .div { |
| 3 | 3 | width: 100%; |
| 4 | + margin-top: -1px; | |
| 5 | + overflow: hidden; | |
| 6 | + display: block | |
| 4 | 7 | } |
| 5 | 8 | .div1 { |
| 6 | 9 | height: 680px; |
| ... | ... | @@ -27,7 +30,7 @@ |
| 27 | 30 | overflow: hidden; |
| 28 | 31 | .video_box { |
| 29 | 32 | width: 713px !important; |
| 30 | - height: 418px !important; | |
| 33 | + height: 416px !important; | |
| 31 | 34 | margin: 0 auto 0 auto; |
| 32 | 35 | div { |
| 33 | 36 | margin-top: 0; | ... | ... |
src/pages/instantTea/instantTea.vue
| ... | ... | @@ -73,7 +73,7 @@ |
| 73 | 73 | src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4" |
| 74 | 74 | }], |
| 75 | 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 | 77 | width: document.documentElement.clientWidth || document.body.clientWidth, |
| 78 | 78 | notSupportedMessage: '此视频暂无法播放，请稍后再试' // 允许覆盖Video.js无法播放媒体源时显示的默认信息。 |
| 79 | 79 | } | ... | ... |