From dbc1ed9ade5f26e77d2551dd2c79ece341b02cd8 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期一, 12 四月 2021 11:43:44 +0800
Subject: [PATCH] 弹框问题修改
---
src/components/BaseNav/PublicBounced/GasComponents/PublicVideo.vue | 50 ++++++++++++++++++++++++++++----------------------
1 files changed, 28 insertions(+), 22 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicVideo.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicVideo.vue
index 9519388..1e67f2f 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicVideo.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicVideo.vue
@@ -1,17 +1,17 @@
<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 class="main-video">
- <video controls>
- <source src="movie.mp4" type="video/mp4">
- <source src="movie.ogg" type="video/ogg">
- </video>
- </div>
+ <!-- <div class="main-video">-->
+ <video controls>
+ <source src="movie.mp4" type="video/mp4">
+ <source src="movie.ogg" type="video/ogg">
+ </video>
+ <!-- </div>-->
</div>
</div>
</template>
@@ -25,48 +25,54 @@
<style scoped lang="less">
.win {
position: relative;
- background-color: rgba(33, 41, 69,0.9);
+ background-color: rgba(33, 41, 69, 0.9);
+ //height: 2rem;
+ width: 3rem;
}
+
.main {
border: 1px solid #396d83;
- padding: 6px;
- .main-video {
+ //padding: 5px;
+ height: 2rem;
+
+ video {
width: 100%;
height: 100%;
- video {
- width: 100%;
- height: 100%;
- outline: none;
- }
+ outline: none;
}
}
-.border_corner{
+
+.border_corner {
z-index: 999;
position: absolute;
width: 14px;
height: 14px;
- background: rgba(0,0,0,0);
- border: 1.5px solid #47d5ea;
+ background: rgba(0, 0, 0, 0);
+ border: 1px solid #47d5ea;
}
-.border_corner_left_top{
+
+.border_corner_left_top {
top: 0;
left: 0;
border-right: none;
border-bottom: none;
}
-.border_corner_right_top{
+
+.border_corner_right_top {
top: 0;
right: 0;
border-left: none;
border-bottom: none;
}
-.border_corner_left_bottom{
+
+.border_corner_left_bottom {
bottom: 0;
left: 0;
border-right: none;
border-top: none;
}
-.border_corner_right_bottom{
+
+.border_corner_right_bottom {
bottom: 0;
right: 0;
border-left: none;
--
Gitblit v1.8.0