~xingchuan/SewerAndRainNetwork.git

			@@ -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;

			}

			.main {
			.video-content {
			border: 1px solid #396d83;
			width: 2.5rem;
			height: 2.5rem;

			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>