From fbd66eb2aa443d79db249e49f134f9a5a88c2d44 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 31 三月 2021 16:01:09 +0800 Subject: [PATCH] 重新定义请求方式,标点 --- src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue | 28 +++++++++++++++++----------- 1 files changed, 17 insertions(+), 11 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue index eb83145..93776b0 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue @@ -1,13 +1,13 @@ <template> - <div class="win"> + <div class="win" > <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 --> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div class="border_corner border_corner_left_bottom"></div> <div class="border_corner border_corner_right_bottom"></div> <div class="main"> - <div> - <video width="100%" height="100%" controls> + <div class="main-video"> + <video controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video> @@ -22,25 +22,32 @@ } </script> -<style scoped> +<style scoped lang="less"> .win { - width: 100%; - /*height: 100%;*/ position: relative; - display: inline-block; -//border: 1px solid #396d83; + background-color: rgba(33, 41, 69,0.9); } .main { width: 100%; height: 100%; + .main-video { + //border: 1px solid #396d83; + width: 100%; + height: 100%; + video { + width: 100%; + height: 100%; + outline: none; + } + } } .border_corner{ - z-index: 2500; + z-index: 999; position: absolute; width: 14px; height: 14px; background: rgba(0,0,0,0); - border: 2px solid #47d5ea; + border: 1.5px solid #47d5ea; } .border_corner_left_top{ top: 0; @@ -59,7 +66,6 @@ left: 0; border-right: none; border-top: none; - border-bottom-left-radius: 4px; } .border_corner_right_bottom{ bottom: 0; -- Gitblit v1.8.0