From 83d2044b6b47d26ff77ec25de8d6787ceaf83e3a Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 31 三月 2021 17:00:39 +0800
Subject: [PATCH] 1
---
src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue | 79 ++++++++++++++++++++++++++++++++-------
1 files changed, 65 insertions(+), 14 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
index b317b1c..9519388 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
@@ -1,16 +1,19 @@
<template>
-<div>
-<!-- <video>-->
- <video width="100%" height="100%" controls>
- <source src="movie.mp4" type="video/mp4">
- <source src="movie.ogg" type="video/ogg">
-<!-- 鎮ㄧ殑娴忚鍣ㄤ笉鏀寔 HTML5 video 鏍囩銆�-->
- </video>
-<!-- <span class="ico ico-sound" :class="{ active: isMute }" v-on:click="closeSoundClick()"></span>-->
-<!-- <span class="ico ico-skip"></span>-->
-<!-- <span class="ico ico-video" :class="{ hide: isPlay }" v-on:click="playClick()"></span>-->
-<!-- </video>-->
-</div>
+ <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>
+ </div>
</template>
<script>
@@ -19,6 +22,54 @@
}
</script>
-<style scoped>
-
+<style scoped lang="less">
+.win {
+ position: relative;
+ background-color: rgba(33, 41, 69,0.9);
+}
+.main {
+ border: 1px solid #396d83;
+ padding: 6px;
+ .main-video {
+ width: 100%;
+ height: 100%;
+ video {
+ width: 100%;
+ height: 100%;
+ outline: none;
+ }
+ }
+}
+.border_corner{
+ z-index: 999;
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ background: rgba(0,0,0,0);
+ border: 1.5px solid #47d5ea;
+}
+.border_corner_left_top{
+ top: 0;
+ left: 0;
+ border-right: none;
+ border-bottom: none;
+}
+.border_corner_right_top{
+ top: 0;
+ right: 0;
+ border-left: none;
+ border-bottom: none;
+}
+.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;
+}
</style>
--
Gitblit v1.8.0