更新

public/static/css/lib.css

@@ -1,111 +0,0 @@
-/* CSS Document */
-/**
-* +----------------------------------------------------------
-* 主样式
-* +----------------------------------------------------------
-*/
-*{
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
-	font-family: 微软雅黑;
-	letter-spacing: 1px;
-}
-html,body{
-	width: 100%; height: 100%;
-	overflow: hidden;
-	font-size: 14px;
-}
-
-li{
-	list-style: none;
-}
-a{
-	display: block;
-}
-a:hover{
-	color: #df621e;
-	-webkit-transition: all 0.2s ease-in-out;
-}
-
-iframe{
-	border: 0; width: 100%; height: 100%;
-}
-.pull-left{ float: left; }
-.pull-right{ float: right; }
-
-.show{ display: block; }
-.hide{ display: none; }
-
-.i-bold{
-	font-weight: bolder;
-}
-/*字体颜色*/
-.i-green{ color:#00c851 !important;}
-.i-yellow{ color:#e7592b !important;}
-.i-red{ color:#d90000 !important; font-weight: border;}
-.i-blue{ color:#2292ef !important;}
-.i-lightblue{ color:#00a5e0 !important;}
-.i-gray{ color:#6c6c6e !important;}
-
-/*背景颜色*/
-.bg-green{ background-color:#00c851 !important;}
-.bg-yellow{ background-color:#e7592b !important;}
-.bg-red{ background-color:#d90000 !important;}
-.bg-blue{ background-color:#2292ef !important;}
-.bg-white{ background-color: white !important;}
-.bg-gray{ background-color: #6c6c6e !important;}
-
-/*渐变色*/
-.shade-white{
-	display: block;
-	background-image:url(../images/shade/white.png);
-	background-repeat:repeat-x;
-	background-size: 100% 100%;
-	background-position: 0 0;
-}
-.shade-menu{
-	display: block;
-	background-image:url(../images/shade/menu.png);
-	background-repeat:repeat-x;
-	background-size: 100% 100%;
-	background-position: 0 0;
-}
-
-.shadow{
-	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
-}
-.shadow1{
-	background: url(../images/shadow.png);
-	width: 220px; height: 15px;
-	background-size: 100%;
-	background-position: 0 0;
-	position: absolute; bottom: -15px; left: 0;
-}
-.shadow2{
-	background: url(../images/shadow.png);
-	width: 100%; height: 15px;
-	background-size: 100%;
-	background-position: 0 -15px;
-	position: absolute; bottom: -15px; left: 0;
-}
-
-/* 数字提示 */
-.num{
-  width: 15px; height: 15px; text-align: center; line-height: 15px;
-  border-radius: 99px;
-  color: white; font-weight: bolder;
-}
-.num-1{
-	margin-left: 5px;
-  padding: 5px 10px; text-align: center; line-height: 15px;
-  border-radius: 99px;
-  color: white; font-weight: bolder;
-}
-
-/* layui修改 */
-.layui-input-block{
-	margin-left: 0;
-}

public/static/css/mubu2017.css

@@ -1,97 +0,0 @@
-html,body,div,p,span,h1,h2,h3,h4,p,a, em,font,img,strong,dl,dt,dd,ul,li{margin:0; padding:0; font-family:"Microsoft YaHei";}
-html,body{height:100%; font-size:12px;}    
-ul,ol{list-style:none;}
-ul li{list-style-type:none;}
-img{border:0;}    
-em,i{font-style:normal;}
-.f_r,.fr{float:right;}
-.f_l,.fl{float:left;}
-canvas { cursor:crosshair; display:block;}
-.mubu{ background:url(../images/mubu_1_s.jpg) no-repeat top center; min-width:960px;height:99.9%;}
-.mubu_main{ width:960px; margin:0 auto; text-align:center; padding-top:300px; }
-.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
-.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
-.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
-.mubu_main p.into{ margin-top:50px; height:120px;}
-.mubu_top{ background:url(../images/mubu_2_s.png) no-repeat top center; position:fixed; top:0; left:0; height:150px; width:100%;}
-.mubu_left{ background:url(../images/mubu_left_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; left:-720px; -webkit-animation:mubu_dh_1 5s linear; animation:mubu_dh_1 8s linear forwards; display:none\9;}
-.mubu_right{ background:url(../images/mubu_right_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; right:-720px; -webkit-animation:mubu_dh_2 5s linear; animation:mubu_dh_2 8s linear forwards; display:none\9;}
-@-webkit-keyframes mubu_dh_1 {
-	0%{left:0;}
-	75% { left:-540px; opacity:100;}
-	100% { left:-720px; opacity:0; display:none;}
-}
-@keyframes mubu_dh_1 {
-	0% { left:0;}
-	75% { left:-540px; opacity:100;}
-	100% { left:-720px; opacity:0; display:none;}
-}
-@-webkit-keyframes mubu_dh_2 {
-    0% { right:0;}
-	75% { right:-540px; opacity:100;}
-	100% { right:-720px; opacity:0; display:none;}
-}
-@keyframes mubu_dh_2 {
-    0% { right:0;}
-	75% { right:-540px; opacity:100;}
-	100% { right:-720px; opacity:0; display:none;}
-}
-.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:300px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
-.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:250px; left:25%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
-.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:250px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
-@media (min-width:1440px){ 
-.mubu{ background:url(../images/mubu_1.jpg) no-repeat top center; height:99.9%;}
-.mubu_main{ width:1150px; margin:0 auto; text-align:center; padding-top:300px; }
-.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
-.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
-.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
-.mubu_main p.into{ margin-top:50px; height:120px;}
-.mubu_top{ background:url(../images/mubu_2.png) no-repeat top center; position:fixed; top:0; left:0; height:200px; width:100%;}
-.mubu_left{ background:url(../images/mubu_left.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0;left:-960px; -webkit-animation:mubu_dh_1 5s ease-in; animation:mubu_dh_1 8s linear forwards; display:none\9;}
-.mubu_right{ background:url(../images/mubu_right.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0; right:-960px; -webkit-animation:mubu_dh_2 5s ease-in; animation:mubu_dh_2 8s linear forwards; display:none\9;}
-@-webkit-keyframes mubu_dh_1 {
-    0% { left:0;}
-	75% { left:-720px; opacity:100;}
-	100% { left:-960px; opacity:0; display:none;}
-}
-@keyframes mubu_dh_1 {
-    0% { left:0;}
-	75% { left:-720px; opacity:100;}
-	100% { left:-960px; opacity:0; display:none;}
-}
-@-webkit-keyframes mubu_dh_2 {
-    0% { right:0;}
-	75% { right:-720px; opacity:100;}
-	100% { right:-960px; opacity:0; display:none;}
-}
-@keyframes mubu_dh_2 {
-    0% { right:0;}
-	75% { right:-720px; opacity:100;}
-	100% { right:-960px; opacity:0; display:none;}
-}
-.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:450px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
-.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:350px; left:30%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
-.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:400px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
-}
-
-/*ÑÌ»¨*/
-@keyframes fireworksfn{
-	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
-	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
-	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
-	}
-@-moz-keyframes fireworksfn{
-	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
-	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
-	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
-	}
-@-webkit-keyframes fireworksfn{
-	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
-	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
-	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
-	}
-@-o-keyframes fireworksfn{
-	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
-	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
-	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
-	}

public/static/css/style1.css

@@ -1,233 +0,0 @@
-:root {
-	font-size: calc(16px + (20 - 16) * (100vw - 320px)/(980 - 320));
-	--rotateTimes: 0;
-}
-
-nav,
-ul,
-li {
-	transform-style: preserve-3d;
-}
-
-nav,
-li {
-	position: absolute;
-	top: 30%;
-	left: 50%;
-}
-
-nav,
-li a {
-	border-radius: 50%;
-}
-
-nav {
-	width: 100em;
-	height: 70em;
-	transform: translate(-50%, -50%) rotateX(75deg);
-	position: relative;
-}
-
-ul,
-li a {
-	width: 100%;
-	height: 100%;
-}
-
-ul {
-	list-style: none;
-}
-
-li {
-	animation: idle 4s ease-in-out infinite;
-	text-align: center;
-	width: 15em;
-	height: 15em;
-	transform: translate(-50%, -50%);
-}
-
-li a {
-	box-shadow: 0 0 0 0.1em #0cf inset, 0 0 1em #0cf inset;
-	color: currentColor;
-	display: inline-block;
-	text-decoration: none;
-	transition: transform 0.4s linear, box-shadow 0.15s linear, margin 0.1s linear, width 0.1s linear, height 0.1s linear;
-}
-
-li a span {
-	transition: color 0.15s linear;
-}
-
-li a:before {
-	background-color: #fff;
-	border-radius: 50%;
-	content: "";
-	display: block;
-	opacity: 0.5;
-	position: absolute;
-	top: 2.75em;
-	left: 3.75em;
-	width: 1em;
-	height: 0.5em;
-	transform: rotate(-45deg);
-}
-
-li a:focus,
-li a.current {
-	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
-	outline: 0;
-}
-
-li a:focus span,
-li a.current span {
-	color: #ff0;
-}
-
-li a:hover {
-	margin: -5% 0 0 -5%;
-	width: 110%;
-	height: 110%;
-	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
-}
-
-li a:hover svg {
-	width: 3em;
-	height: 3em;
-}
-
-@media (prefers-reduced-motion) {
-	li {
-		animation: none;
-	}
-}
-
-svg {
-	display: block;
-	margin: 1.25em auto 1.5em auto;
-	transition: width 0.1s linear, height 0.1s linear;
-	width: 2.5em;
-	height: 2.5em;
-}
-
-/* Position bubbles */
-li:nth-of-type(1) {
-	animation-delay: 0s;
-}
-
-li:nth-of-type(1) a {
-	transform: rotate(calc(0deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(0deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
-}
-
-li:nth-of-type(2) {
-	animation-delay: -0.5s;
-}
-
-li:nth-of-type(2) a {
-	transform: rotate(calc(-51.4285714286deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(51.4285714286deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
-}
-
-li:nth-of-type(3) {
-	animation-delay: -1s;
-}
-
-li:nth-of-type(3) a {
-	transform: rotate(calc(-102.8571428571deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(102.8571428571deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
-}
-
-li:nth-of-type(4) {
-	animation-delay: -1.5s;
-}
-
-li:nth-of-type(4) a {
-	transform: rotate(calc(-154.2857142857deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(154.2857142857deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
-}
-
-li:nth-of-type(5) {
-	animation-delay: -2s;
-}
-
-li:nth-of-type(5) a {
-	transform: rotate(calc(-205.7142857143deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(205.7142857143deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
-}
-
-/* Animations */
-.rise {
-	animation: rise 1s ease-out;
-}
-
-.rise a {
-	animation: fadeOut 1s ease-out;
-}
-
-.rise a.pop {
-	animation: pop 1s linear;
-}
-
-.rise a.pop svg,
-.rise a.pop span {
-	visibility: hidden;
-}
-
-@keyframes rise {
-	from {
-		transform: translateZ(0);
-	}
-
-	15% {
-		transform: translateZ(-1em);
-	}
-
-	to {
-		transform: translateZ(35em);
-	}
-}
-
-@keyframes fadeOut {
-
-	from,
-	15% {
-		opacity: 1;
-	}
-
-	50%,
-	to {
-		opacity: 0;
-	}
-}
-
-@keyframes pop {
-	from {
-		margin: -5% 0 0 -5%;
-		width: 110%;
-		height: 110%;
-		opacity: 1;
-	}
-
-	10%,
-	to {
-		margin: -20% 0 0 -20%;
-		width: 140%;
-		height: 140%;
-		opacity: 0;
-	}
-}
-
-@keyframes idle {
-
-	from,
-	to {
-		transform: translate(-50%, -48%);
-	}
-
-	25% {
-		transform: translate(-52%, -50%);
-	}
-
-	50% {
-		transform: translate(-50%, -52%);
-	}
-
-	75% {
-		transform: translate(-48%, -50%);
-	}
-}

public/static/home.html

@@ -1,246 +0,0 @@
-<html>
-	<head>
-		<title>欢迎来到中科在线</title>
-		<meta charset="utf-8" />
-		<meta name="renderer" content="webkit">
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<meta content="width=device-width, initial-scale=1" name="viewport" />
-		<meta content="" name="description" />
-		<meta content="" name="author" />
-		<link rel="stylesheet" type="text/css" href="css/style.css" />
-		<link rel="stylesheet" type="text/css" href="css/style1.css" />
-		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
-	</head>
-	<body style="margin: 0 !important;">
-		<div style="width: 100vw;min-height:1000px; background-color:aliceblue; background-image: url(images/bg2.png); background-size: cover">
-			<div class="home">
-				<div class="w_0100">
-					<div class="w_1200">
-						<div class="homeTop">
-							<div class="homeTopInfo">
-								<span>欢迎来到中科在线</span>
-							</div>
-							<div class="homeTopLogo">
-								<img src="images/logo.png">
-								<span>中科在线</span>
-							</div>
-						</div>
-						<div class="homeMain">
-							<nav>
-								<ul>
-									<li class="live">
-										<a href="/platlive/live/hall/index" target="_blank" data-item="0">
-											<i class="iconfont icon-zhibo"></i>
-											<p>直播大厅</p>
-										</a>
-									</li>
-									<li class="super">
-										<a href="/live/market" target="_blank" data-item="1">
-											<i class="iconfont icon-gouwu-2"></i>
-											<p>科技超市</p>
-										</a>
-									</li>
-									<li class="service">
-										<a href="/live/service" target="_blank" data-item="2">
-											<i class="iconfont icon-fuwu"></i>
-											<p>创新服务</p>
-										</a>
-									</li>
-									<li class="dynamic">
-										<a href="/live/dynamic" target="_blank" data-item="3">
-											<i class="iconfont icon-icon_A"></i>
-											<p>动态监测</p>
-										</a>
-									</li>
-									<li class="technocal">
-										<a href="/live/technical" target="_blank" data-item="4">
-											<i class="iconfont icon-peixun"></i>
-											<p>技术交流</p>
-										</a>
-									</li>
-								</ul>
-							</nav>
-						</div>
-						<div class="homeDown">
-              <p>版权所有：吉林省技术算中心</p>
-              <p>
-                <span>技术支持：长春福瑞科技有限公司</span>
-                &nbsp;&nbsp;&nbsp;&nbsp;
-                <span>邮编：130000</span>
-                &nbsp;&nbsp;&nbsp;&nbsp;
-                <span>传真：239823982</span>
-              </p>
-              <p>
-                <span>地址：吉林省长春市朝阳区前进大街1244号</span>
-                &nbsp;&nbsp;&nbsp;&nbsp;
-                <span>电话：0134-1234567</span>
-                &nbsp;&nbsp;&nbsp;&nbsp;
-                <span>邮箱：123456@163.com</span>
-              </p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div id="particles-js" style="position: fixed; height: 100%; width: 100%;top:0px">
-			<canvas class="particles-js-canvas-el"></canvas>
-		</div>
-		<script src="./js/particles.min.js" type="text/javascript" charset="utf-8"></script>
-		<script>
-			/* ---- particles.js config ---- */
-
-			particlesJS("particles-js", {
-				"particles": {
-					"number": {
-						"value": 80,
-						"density": {
-							"enable": true,
-							"value_area": 1200
-						}
-					},
-					"color": {
-						"value": "#ffffff"
-					},
-					"shape": {
-						"type": "circle",
-						"stroke": {
-							"width": 0,
-							"color": "#000000"
-						},
-						"polygon": {
-							"nb_sides": 5
-						},
-						"image": {
-							"src": "img/github.svg",
-							"width": 100,
-							"height": 100
-						}
-					},
-					"opacity": {
-						"value": 0.5,
-						"random": false,
-						"anim": {
-							"enable": false,
-							"speed": 1,
-							"opacity_min": 0.1,
-							"sync": false
-						}
-					},
-					"size": {
-						"value": 3,
-						"random": true,
-						"anim": {
-							"enable": false,
-							"speed": 40,
-							"size_min": 0.1,
-							"sync": false
-						}
-					},
-					"line_linked": {
-						"enable": true,
-						"distance": 150,
-						"color": "#ffffff",
-						"opacity": 0.4,
-						"width": 1
-					},
-					"move": {
-						"enable": true,
-						"speed": 3,
-						"direction": "none",
-						"random": false,
-						"straight": false,
-						"out_mode": "out",
-						"bounce": false,
-						"attract": {
-							"enable": false,
-							"rotateX": 600,
-							"rotateY": 1200
-						}
-					}
-				},
-				"interactivity": {
-					"detect_on": "canvas",
-					"events": {
-						"onhover": {
-							"enable": false,
-							"mode": "grab"
-						},
-						"onclick": {
-							"enable": false,
-							"mode": "push"
-						},
-						"resize": true
-					},
-					"modes": {
-						"grab": {
-							"distance": 140,
-							"line_linked": {
-								"opacity": 1
-							}
-						},
-						"bubble": {
-							"distance": 400,
-							"size": 40,
-							"duration": 2,
-							"opacity": 8,
-							"speed": 3
-						},
-						"repulse": {
-							"distance": 200,
-							"duration": 0.4
-						},
-						"push": {
-							"particles_nb": 4
-						},
-						"remove": {
-							"particles_nb": 2
-						}
-					}
-				},
-				"retina_detect": true
-			});
-		</script>
-		<script>
-			document.addEventListener("DOMContentLoaded", function() {
-				let rise = function(trigEl) {
-					trigEl.blur();
-
-					let ul = document.querySelector("ul");
-
-					ul.classList.add("rise");
-					trigEl.classList.add("pop");
-
-					setTimeout(function() {
-						trigEl.focus();
-
-						ul.classList.remove("rise");
-						trigEl.classList.remove("pop");
-					}, 1000);
-				};
-
-				this.querySelectorAll("li a").forEach(function(el) {
-					let rt = document.querySelector(":root"),
-						di = +el.getAttribute("data-item");
-
-					el.addEventListener("blur", function() {
-						//var getRt = +window.getComputedStyle(el).getPropertyValue('--rotateTimes');
-						//console.log(getRt);
-						//this.classList.add("current");
-					});
-					el.addEventListener("focus", function() {
-						rt.style.setProperty("--rotateTimes", di);
-						//this.classList.remove("current");
-					});
-					el.addEventListener("dblclick", function() {
-						rise(this);
-					});
-					el.addEventListener("keyup", function(e) {
-						if (e.keyCode === 13) {
-							rise(this);
-						}
-					});
-				});
-			});
-		</script>
-	</body>
-</html>

public/static/home/css/index.css

@@ -1,283 +0,0 @@
-html {
-    margin: 0;
-    padding: 0;
-}
-
-html,
-body {
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-    padding: 0px;
-    font-family: 'Lato', sans-serif;
-    font-size: 16px;
-}
-
-.social-icon a {
-    position: fixed;
-    background: white;
-    color: white;
-    display: inline-block;
-    width: 100px;
-    height: 100px;
-    transform: translate(-50%, -50%) rotate(45deg);
-    transition: .15s ease;
-    z-index: 30;
-}
-
-.social-icon i {
-    position: absolute;
-    font-size: 1.8em;
-    pointer-events: none;
-    z-index: 1000;
-}
-
-.social-icon:hover a {
-    transform: translate(-50%, -50%) rotate(45deg) scale(1.05);
-}
-
-.youtube a {
-    top: 100%;
-    left: 0%;
-    box-shadow: 0px 0px 15px 5px rgba(230, 33, 23, 0.5);
-}
-
-.youtube i {
-    left: 8px;
-    bottom: 8px;
-    color: #E62117;
-}
-
-.github a {
-    top: 100%;
-    left: 100%;
-    box-shadow: 0px 0px 15px 3px rgba(126, 126, 126, 0.5);
-}
-
-.github i {
-    right: 8px;
-    bottom: 8px;
-}
-
-#canvas-container-1 {
-    height: 100%;
-    width: 80%;
-    margin: 0 auto;
-}
-
-#canvas-1 {
-    display: block;
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-#site-link {
-    color: #0099ff;
-    display: inline-block;
-    position: fixed;
-    bottom: 4%;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    font-variant: small-caps;
-}
-
-body {
-    background: url(../../home/images/bg_1.jpg);
-    background-size: cover;
-}
-
-.fn_1 {
-    width: 200px;
-    height: 170px;
-    background: url(../../home/images/fn_1.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_1:hover {
-    background: url(../../home/images/fn_1_h.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_2 {
-    width: 200px;
-    height: 170px;
-    background: url(../../home/images/fn_3.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_2:hover {
-    background: url(../../home/images/fn_3_h.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_3 {
-    width: 200px;
-    height: 170px;
-    background: url(../../home/images/fn_2.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_3:hover {
-    background: url(../../home/images/fn_2_h.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_4 {
-    width: 200px;
-    height: 170px;
-    background: url(../../home/images/fn_4.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_4:hover {
-    background: url(../../home/images/fn_4_h.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_5 {
-    width: 200px;
-    height: 170px;
-    background: url(../../home/images/fn_5.png) no-repeat;
-    background-size: 100%;
-}
-
-.fn_5:hover {
-    background: url(../../home/images/fn_5_h.png) no-repeat;
-    background-size: 100%;
-}
-
-.sci-wheel {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100px;
-}
-
-.header {
-    width: 100%;
-    height: 100px;
-    line-height: 100px;
-    padding: 0 40px;
-    background: rgba(0, 0, 0, 0.3);
-}
-
-.header .image {
-    float: left;
-    margin: 27px 10px;
-    width: 60px;
-}
-
-.header .title {
-    float: left;
-    font-size: 30px;
-    color: white;
-    letter-spacing: 3px;
-}
-.header .login{
-  float: right;
-  width: 270px;
-  margin: 30px 60px 0 0px;
-}
-.header .login a:first-child{
-  float: left;
-  width: 40px;
-  height: 40px;
-  border: 1px solid #ccc;
-  background-color: #cccccc3f;
-  border-radius: 5px;
-}
-.header .login a:first-child img{
-    float: left;
-    padding: 10px;
-}
-.header .login a:nth-child(2){
-  float: left;
-  width: 100px;
-  height: 40px;
-  border: 1px solid #ccc;
-  line-height: 40px;
-  text-align: center;
-  color: #ccc;
-  background-color: #cccccc3f;
-  border-radius: 5px;
-}
-.header .login a:nth-child(3){
-  float: left;
-  width: 100px;
-  height: 40px;
-  border: 1px solid #ccc;
-  line-height: 40px;
-  text-align: center;
-  color: #ccc;
-  background-color: #cccccc3f;
-  border-radius: 5px;
-}
-.header .home-btn {
-    float: left;
-    margin-top: 20px;
-    width: 74px;
-    height: 74px;
-    border: 1px solid #102262;
-    border-radius: 5px;
-    background: url(../../home/images/login/icon.png) no-repeat center center;
-    background-size: 45% 45%;
-    cursor: pointer;
-}
-
-.center {
-    position: absolute;
-    top: 20px;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 930px;
-    height: 500px;
-    z-index: 999;
-    background: rgba(5, 19, 44, 0.6);
-}
-
-.center .list {
-    display: block;
-    float: left;
-    margin: 60px 29px;
-}
-
-.center .list:nth-child(1) {
-    position: relative;
-    left: 75px;
-    top: 60px;
-}
-
-.center .list:nth-child(2) {
-    position: relative;
-    left: 80px;
-    top: 0;
-}
-
-.center .list:nth-child(3) {
-    position: relative;
-    left: 85px;
-    top: 60px;
-}
-
-.center .list:nth-child(4) {
-    position: relative;
-    left: -187px;
-    top: -145px;
-}
-
-.center .list:nth-child(5) {
-    position: relative;
-    top: -145px;
-    left: 606px;
-}
-
-.center .list p {
-    text-align: center;
-    color: #00BAF1;
-    font-size: 35px;
-    margin-top: 190px;
-}

public/static/home/css/lib.css

@@ -1,111 +0,0 @@
-/* CSS Document */
-/**
-* +----------------------------------------------------------
-* 主样式
-* +----------------------------------------------------------
-*/
-*{
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
-	font-family: 微软雅黑;
-	letter-spacing: 1px;
-}
-html,body{
-	width: 100%; height: 100%;
-	overflow: hidden;
-	font-size: 14px;
-}
-
-li{
-	list-style: none;
-}
-a{
-	display: block;
-}
-a:hover{
-	color: #df621e;
-	-webkit-transition: all 0.2s ease-in-out;
-}
-
-iframe{
-	border: 0; width: 100%; height: 100%;
-}
-.pull-left{ float: left; }
-.pull-right{ float: right; }
-
-.show{ display: block; }
-.hide{ display: none; }
-
-.i-bold{
-	font-weight: bolder;
-}
-/*字体颜色*/
-.i-green{ color:#00c851 !important;}
-.i-yellow{ color:#e7592b !important;}
-.i-red{ color:#d90000 !important; font-weight: border;}
-.i-blue{ color:#2292ef !important;}
-.i-lightblue{ color:#00a5e0 !important;}
-.i-gray{ color:#6c6c6e !important;}
-
-/*背景颜色*/
-.bg-green{ background-color:#00c851 !important;}
-.bg-yellow{ background-color:#e7592b !important;}
-.bg-red{ background-color:#d90000 !important;}
-.bg-blue{ background-color:#2292ef !important;}
-.bg-white{ background-color: white !important;}
-.bg-gray{ background-color: #6c6c6e !important;}
-
-/*渐变色*/
-.shade-white{
-	display: block;
-	background-image:url(../../home/images/shade/white.png);
-	background-repeat:repeat-x;
-	background-size: 100% 100%;
-	background-position: 0 0;
-}
-.shade-menu{
-	display: block;
-	background-image:url(../../home/images/shade/menu.png);
-	background-repeat:repeat-x;
-	background-size: 100% 100%;
-	background-position: 0 0;
-}
-
-.shadow{
-	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
-}
-.shadow1{
-	background: url(../../home/images/shadow.png);
-	width: 220px; height: 15px;
-	background-size: 100%;
-	background-position: 0 0;
-	position: absolute; bottom: -15px; left: 0;
-}
-.shadow2{
-	background: url(../../home/images/shadow.png);
-	width: 100%; height: 15px;
-	background-size: 100%;
-	background-position: 0 -15px;
-	position: absolute; bottom: -15px; left: 0;
-}
-
-/* 数字提示 */
-.num{
-  width: 15px; height: 15px; text-align: center; line-height: 15px;
-  border-radius: 99px;
-  color: white; font-weight: bolder;
-}
-.num-1{
-	margin-left: 5px;
-  padding: 5px 10px; text-align: center; line-height: 15px;
-  border-radius: 99px;
-  color: white; font-weight: bolder;
-}
-
-/* layui修改 */
-.layui-input-block{
-	margin-left: 0;
-}

public/static/home/css/road.css

@@ -1,146 +0,0 @@
-/* CSS Document */
-/**
-* +----------------------------------------------------------
-* 主样式
-* +----------------------------------------------------------
-*/
-.layui-form-checkbox[lay-skin=primary]:hover i{
-  border-color: #407CD5;
-}
-.layui-form-checked[lay-skin=primary] i{
-  background-color: #407CD5;
-  border-color: #407CD5;
-}
-
-.layui-btn{
-    height: 45px;
-    line-height: 45px;
-}
-.layui-btn-normal{
-  background-color: #407CD5;
-}
-
-
-/*流星*/
-.liuxing{
-  width: 85px;
-	height: 85px;
-	position: absolute;
-	background: url(../../home/images/line.png) no-repeat;
-	background-size: contain;
-}
-.liuxing1 {
-  top: 200px;
-	left: 200px;
-}
-
-.liuxing2 {
-  top: 200px;
-	left: 50%;
-	margin-left: 200px;
-}
-
-.liuxing3 {
-  top: 100px;
-	right: 300px;
-}
-
-.liuxing4 {
-  top: 150px;
-	right: 300px;
-}
-
-.liuxingFla {
-	animation: liuxing 5s ease-in infinite;
-}
-
-.liuxingFla2 {
-	animation: liuxing2 4s ease-in infinite;
-}
-
-.liuxingFla3 {
-	animation: liuxing3 3s linear infinite;
-}
-
-.liuxingFla4 {
-	animation: liuxing4 2s linear infinite;
-}
-
-/* 流星动画 */
-@keyframes liuxing {
-	0% {
-		transform: translate(200px, -200px)
-	}
-	90% {
-		transform: translate(-180px, 180px);
-		opacity: 1;
-	}
-	100% {
-		transform: translate(-200px, 200px);
-		opacity: 0;
-	}
-}
-
-@keyframes liuxing2 {
-	0% {
-		transform: translate(200px, -200px)
-	}
-	90% {
-		transform: translate(-480px, 480px);
-		opacity: 1;
-	}
-	100% {
-		transform: translate(-500px, 500px);
-		opacity: 0;
-	}
-}
-
-@keyframes liuxing3 {
-	0% {
-		transform: translate(200px, -200px)
-	}
-	90% {
-		transform: translate(-480px, 480px);
-		opacity: 1;
-	}
-	100% {
-		transform: translate(-500px, 500px);
-		opacity: 0;
-	}
-}
-
-@keyframes liuxing4 {
-	0% {
-		transform: translate(200px, -200px)
-	}
-	90% {
-		transform: translate(-180px, 180px);
-		opacity: 1;
-	}
-	100% {
-		transform: translate(-200px, 200px);
-		opacity: 0;
-	}
-}
-
-/*菜单*/
-.moveUpDownFla1 {
-	animation: moveUpDown 5s ease infinite;
-}
-
-.moveUpDownFla2 {
-	animation: moveUpDown 4s linear infinite;
-}
-
-/* 菜单动画 */
-@keyframes moveUpDown {
-	0% {
-		transform: translate(0px, -20px)
-	}
-	50% {
-		transform: translate(0px, 20px)
-	}
-	100% {
-		transform: translate(0px, -20px);
-	}
-}

public/static/js/tabs.js

@@ -1,32 +0,0 @@
-window.onload = function() {
-    var oDiv = document.getElementById("tab");
-    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
-    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
-    var timer = null;
-    for (var i = 0; i < oLi.length; i++) {
-        oLi[i].index = i;
-        oLi[i].onmouseover = function() {
-            show(this.index);
-        }
-    }
-    function show(a) {
-        index = a;
-        var alpha = 0;
-        for (var j = 0; j < oLi.length; j++) {
-            oLi[j].className = "";
-            aCon[j].className = "";
-            aCon[j].style.opacity = 0;
-            aCon[j].style.filter = "alpha(opacity=0);";
-        }
-        oLi[index].className = "cur";
-        clearInterval(timer);
-        timer = setInterval(function() {
-            alpha += 2;
-            alpha > 100 && (alpha = 100);
-            aCon[index].style.opacity = alpha / 100;
-            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
-            alpha == 100 && clearInterval(timer);
-        },
-        5)
-    }
-}

public/static/liveIndex.html

@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<!-- saved from url=(0051)http://free.liaoningdoupo.com/static/liveIndex.html -->
-<html xmlns="http://www.w3.org/1999/xhtml">
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
-  <title>中科在线</title>
-  <link rel="stylesheet" type="text/css" href="css/style.css">
-  <link rel="stylesheet" type="text/css" href="css/mubu2017.css">
-  <link rel="stylesheet" type="text/css" href="css/iconfont.css">
-  <script src="jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
-</head>
-<styLe>
-  div[data-v-de97bcec] a {
-    color: #ff0;
-    font-size: 16px;
-    position: relative;
-    top: 97px;
-    left: -105px;
-  }
-  .mubu_title{
-    position: fixed;
-    top: 1%;
-    z-index: 999;
-    width: 100%;
-  }
-  .mubu_title span:first-child{
-    color: #fffa93;
-    text-align: center;
-    font-size: 20px;
-    text-shadow: 2px 2px 5px #000;
-    float: left;
-    width: 25%;
-    text-align: center;
-    padding: 10px 0;
-  }
-  .mubu_title span:last-child{
-    color: #fffa93;
-    text-align: center;
-    font-size: 35px;
-    text-shadow: 2px 2px 5px #000;
-    float: left;
-    width: 47%;
-    padding: 30px 0;
-  }
-</styLe>
-
-<body onload="getTitle()">
-  <div class="mubu">
-    <div class="mubu_main liveIndex">
-      <div class="info">
-        <div class="infoTwo">
-          <div class="infoThree">
-              <!-- <img src="./images/logo.png"> -->
-            <p class="title" id="title"></p>
-            <p>主办方：吉林省计算中心</p>
-            <p>承办方：吉林省计算中心</p>
-            <p>技术支持：长春市福瑞科技有限公司</p>
-            <a class="childpage" onclick="btnDirect()">进入活动现场<i class="iconfont icon-bofang"></i></a>
-            <br>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="yanhua2"></div>
-    <div class="yanhua3"></div>
-    <div class="yanhua4"></div>
-  </div>
-  <div class="mubu_left"></div>
-  <div class="mubu_right"></div>
-  <div class="mubu_top"></div>
-  <div class='mubu_title'>
-    <span>中科在线</span>
-    <span>直播大厅</span>
-  </div>
-
-</body>
-<script language="javascript">
- function btnDirect() {
-     var query = window.location.search.substring(1);
-     console.log(query);
-     window.location.href = "../hall/direct?"+query
-  }
-  function GetQueryString(name) {
-    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-    var r = window.location.search.substr(1).match(reg);
-    if (r != null)
-    return decodeURI(r[2]);   //对参数进行decodeURI解码
-    return null;
-  }
-function getTitle() {
-  document.getElementById('title').innerText= GetQueryString('title');
-}
-    
-</script>
-</html>

src/router/index.js

@@ -261,7 +261,12 @@ const live = [
     meta: { title: '直播大厅', subSite: true },
     component: () => import('../views/hall/direct.vue'),
   },
-
+  {
+    path: '/hall/directBefore',
+    name: 'live_directBefore',
+    meta: { title: '直播大厅', subSite: true },
+    component: () => import('../views/hall/directBefore.vue'),
+  },
   {
     path: '/hall/productList/expertList',
     name: 'productList_expertList',
@@ -296,12 +301,12 @@ const live = [
     meta: { title: '直播首页', subSite: true },
     component: () => import('../views/hall/index.vue'),
   },
-  {
-    path: '/live/liveList',
-    meta: { title: '直播中心', subSite: true },
-    name: 'live_list',
-    component: () => import('../views/hall/liveList.vue'),
-  },
+  // {
+  //   path: '/live/liveList',
+  //   meta: { title: '直播中心', subSite: true },
+  //   name: 'live_list',
+  //   component: () => import('../views/hall/liveList.vue'),
+  // },
   {
     path: '/live/hallDetail',
     meta: { title: '直播详情', subSite: true },

src/store/index.js

@@ -19,6 +19,7 @@ import market from './market/market';
 import transaction from './market/transaction';
 import expertsaudit from './market/expertsaudit';
 import marketproduct from './market/marketproduct';
+import notice from './market/notice';
 import talentExperts from './market/talentExperts';
 import markettype from './market/markettype';
 import maarkettype from './market/markettype';
@@ -50,6 +51,7 @@ export default new Vuex.Store({
   modules: {
     roomchat,
     marketproduct,
+    notice,
     talentExperts,
     market,
     chat,

src/store/market/notice.js

@@ -0,0 +1,43 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import _ from 'lodash';
+Vue.use(Vuex);
+const api = {
+  noticeInfo: `/api/market/notice`,
+};
+const state = () => ({});
+const mutations = {};
+
+const actions = {
+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.noticeInfo}`, {
+      skip,
+      limit,
+      ...info,
+    });
+    return res;
+  },
+  async create({ commit }, payload) {
+    const res = await this.$axios.$post(`${api.noticeInfo}`, payload);
+    return res;
+  },
+  async fetch({ commit }, payload) {
+    const res = await this.$axios.$get(`${api.noticeInfo}/${payload}`);
+    return res;
+  },
+  async update({ commit }, { id, ...data }) {
+    const res = await this.$axios.$post(`${api.noticeInfo}/update/${id}`, data);
+    return res;
+  },
+
+  async delete({ commit }, payload) {
+    const res = await this.$axios.$delete(`${api.noticeInfo}/${payload}`);
+    return res;
+  },
+};
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

src/views/hall/directBefore.vue

@@ -0,0 +1,41 @@
+<template>
+  <div id="directBefore">
+    <el-row>
+      <el-col :span="24" class="style">
+        你信
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'directBefore',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.style {
+  background-image: url('~@/assets/directBack.png');
+  height: 100vh;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+</style>

src/views/hallList/parts/list.vue

@@ -27,23 +27,15 @@ export default {
   props: { list: { type: Array, default: () => [] }, status: { type: String, default: '0' } },
   components: { page },
   data: () => {
-    return {
-      liveIndex: '',
-    };
-  },
-  created() {
-    this.setIndex();
+    return {};
   },
+  created() {},
   methods: {
     ...place({ palcequery: 'query', transactiondtetle: 'delete' }),
     ...dock({ livefetch: 'fetch', livelist: 'query', livecreate: 'create', liveupdate: 'update' }),
     toQuery(options) {
       this.$emit('query', { ...options, status: this.status });
     },
-    setIndex() {
-      let index = (process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_ROUTER) + '/static/liveIndex.html';
-      this.$set(this, `liveIndex`, index);
-    },
     // 跳转
     async linkBtn(id) {
       if (this.user.uid || this.user.suid) {
@@ -71,9 +63,7 @@ export default {
           for (const val of cre) {
             shi = val.name;
           }
-          // let newTitle = sheng + shi + res.data.title;
-          let newTitle = res.data.title;
-          window.location.href = encodeURI(`${this.liveIndex}?id=${id}&title=${newTitle}`);
+          this.$router.push({ path: '/hall/directBefore', query: { id: res.data.id } });
         } else {
           this.$router.push({ path: '/webLogin' });
         }