From 545ba46e971816dc56b4ea80e48ed26a4b152d62 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 19 四月 2021 14:04:07 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/BaseNav/PublicVideo.vue | 90 +++++++++++++++++++++------------------------
1 files changed, 42 insertions(+), 48 deletions(-)
diff --git a/src/components/BaseNav/PublicVideo.vue b/src/components/BaseNav/PublicVideo.vue
index f87c2bb..9a6be4f 100644
--- a/src/components/BaseNav/PublicVideo.vue
+++ b/src/components/BaseNav/PublicVideo.vue
@@ -1,17 +1,14 @@
<template>
- <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">-->
+ <div class="public-video">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <div class="video-content">
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
- <!-- </div>-->
</div>
</div>
</template>
@@ -23,58 +20,55 @@
</script>
<style scoped lang="less">
-.win {
+
+.public-video {
position: relative;
background-color: rgba(33, 41, 69, 0.9);
- //height: 2rem;
-}
+ .video-content {
+ border: 1px solid #396d83;
+ width: 2.5rem;
+ height: 2.5rem;
-.main {
- border: 1px solid #396d83;
- width: 2.5rem;
- height: 2.5rem;
- video {
- width: 100%;
- height: 100%;
- outline: none;
+ video {
+ width: 100%;
+ height: 100%;
+ outline: none;
+ }
}
}
-.border_corner {
- z-index: 999;
+.public-video span {
+ padding: 6px;
+ border-style: solid;
+ border-color: #02a6b5;
+}
+
+.public-video span:nth-child(1) {
position: absolute;
- width: 14px;
- height: 14px;
- background: rgba(0, 0, 0, 0);
- border: 1px solid #47d5ea;
+ left: -1px;
+ top: -1px;
+ border-width: 1px 0 0 1px;
}
-.border_corner_left_top {
- top: 0;
- left: 0;
- border-right: none;
- border-bottom: none;
+.public-video span:nth-child(2) {
+ position: absolute;
+ right: -1px;
+ top: -1px;
+ border-width: 1px 1px 0 0;
}
-.border_corner_right_top {
- top: 0;
- right: 0;
- border-left: none;
- border-bottom: none;
+.public-video span:nth-child(3) {
+ position: absolute;
+ right: -1px;
+ bottom: -1px;
+ border-width: 0 1px 1px 0;
}
-.border_corner_left_bottom {
- bottom: 0;
- left: 0;
- border-right: none;
- border-top: none;
-}
-
-.border_corner_right_bottom {
- bottom: 0;
- right: 0;
- border-left: none;
- border-top: none;
+.public-video span:nth-child(4) {
+ position: absolute;
+ left: -1px;
+ bottom: -1px;
+ border-width: 0 0 1px 1px;
}
</style>
--
Gitblit v1.8.0