From b9befd5f6bbafb7de11865cbbaa31ecdf19ed37f Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 31 三月 2021 16:53:27 +0800
Subject: [PATCH] 弹窗tab组件和video组件样式
---
src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue | 32 +++++++++++++++++++-------------
1 files changed, 19 insertions(+), 13 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
index eb83145..534c17a 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%;
+ border: 1px solid #396d83;
+ padding: 6px;
+ .main-video {
+ width: 100%;
+ height: 100%;
+ video {
+ width: 100%;
+ height: 100%;
+ //outline: none;
+ //margin: 6px;
+ }
+ }
}
.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