Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
03ab72d5 1 parent e23e25c6

fix 视频控件高度调整，适配16:9比例

Inline Side-by-side
Showing 4 changed files with 5 additions and 1 deletions
...@@ -162,6 +162,7 @@ export default { ...@@ -162,6 +162,7 @@ export default {
162 .video-div { 162 .video-div {
163 border-top-left-radius: 5px; 163 border-top-left-radius: 5px;
164 border-top-right-radius: 5px; 164 border-top-right-radius: 5px;
165 + height: 13rem !important;
165 } 166 }
166 167
167 .video-bar { 168 .video-bar {
......
...@@ -257,6 +257,7 @@ export default { ...@@ -257,6 +257,7 @@ export default {
257 .video-div { 257 .video-div {
258 border-top-left-radius: 5px; 258 border-top-left-radius: 5px;
259 border-top-right-radius: 5px; 259 border-top-right-radius: 5px;
260 + height: 13rem !important;
260 } 261 }
261 262
262 .video-bar { 263 .video-bar {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-23 13:42:35 3 * @Date: 2022-05-23 13:42:35
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-02 17:51:59 5 + * @LastEditTime: 2022-06-24 12:19:30
6 * @FilePath: /tswj/src/components/MuiVideo/index.vue 6 * @FilePath: /tswj/src/components/MuiVideo/index.vue
7 * @Description: 7 * @Description:
8 --> 8 -->
...@@ -76,6 +76,7 @@ onMounted(() => { ...@@ -76,6 +76,7 @@ onMounted(() => {
76 .video-div { 76 .video-div {
77 border-top-left-radius: 5px; 77 border-top-left-radius: 5px;
78 border-top-right-radius: 5px; 78 border-top-right-radius: 5px;
79 + height: 13rem !important;
79 } 80 }
80 81
81 .video-bar { 82 .video-bar {
......
...@@ -143,6 +143,7 @@ const setComment = () => { ...@@ -143,6 +143,7 @@ const setComment = () => {
143 .video-div { 143 .video-div {
144 border-top-left-radius: 5px; 144 border-top-left-radius: 5px;
145 border-top-right-radius: 5px; 145 border-top-right-radius: 5px;
146 + height: 13rem !important;
146 } 147 }
147 148
148 .video-bar { 149 .video-bar {
......