guhongwei 4 gadi atpakaļ
vecāks
revīzija
dec58a1452

+ 8 - 6
public/home.html

@@ -47,12 +47,14 @@
 
 <body>
   <div class="header">
-    <a href="" style="display: none;">
-      <div class="home-btn"></div>
-    </a>
-    <img class='image' src="static/images/logo.png" alt="">
-    <p class='title'>中科在线</p>
-    <!-- <p class='notice' >通知</p> -->
+   <div class='left'>
+      <img class='image' src="static/images/logo.png" alt="">
+      <p class='title'>中科在线</p>
+   </div>
+   <div class='right'>
+      <button onclick="window.open('http://free.liaoningdoupo.com/platlive/webLogin')">平台登录</button>
+      <button onclick="window.open('http://free.liaoningdoupo.com/platlive/adminLogin')">管理登录</button>
+   </div>
   </div>
   <img class="sci-wheel" src="static/home/images/sci.gif" alt="">
   <!-- 导航 -->

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 6
public/static/css/bootstrap.min.css


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 301
public/static/css/iconfont.css


+ 0 - 111
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;
-}

+ 0 - 97
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)}
-	}

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 2267
public/static/css/style.css


+ 0 - 233
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%);
-	}
-}

+ 143 - 175
public/static/home/css/index.css

@@ -1,283 +1,251 @@
 html {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 html,
 body {
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-    padding: 0px;
-    font-family: 'Lato', sans-serif;
-    font-size: 16px;
+  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;
+  position: fixed;
+  background: white;
+  color: white;
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  transform: translate(-50%, -50%) rotate(45deg);
+  transition: 0.15s ease;
+  z-index: 30;
 }
 
 .social-icon i {
-    position: absolute;
-    font-size: 1.8em;
-    pointer-events: none;
-    z-index: 1000;
+  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);
+  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);
+  top: 100%;
+  left: 0%;
+  box-shadow: 0px 0px 15px 5px rgba(230, 33, 23, 0.5);
 }
 
 .youtube i {
-    left: 8px;
-    bottom: 8px;
-    color: #E62117;
+  left: 8px;
+  bottom: 8px;
+  color: #e62117;
 }
 
 .github a {
-    top: 100%;
-    left: 100%;
-    box-shadow: 0px 0px 15px 3px rgba(126, 126, 126, 0.5);
+  top: 100%;
+  left: 100%;
+  box-shadow: 0px 0px 15px 3px rgba(126, 126, 126, 0.5);
 }
 
 .github i {
-    right: 8px;
-    bottom: 8px;
+  right: 8px;
+  bottom: 8px;
 }
 
 #canvas-container-1 {
-    height: 100%;
-    width: 80%;
-    margin: 0 auto;
+  height: 100%;
+  width: 80%;
+  margin: 0 auto;
 }
 
 #canvas-1 {
-    display: block;
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+  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;
+  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;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  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%;
+  background: url(../../home/images/fn_5_h.png) no-repeat;
+  background-size: 100%;
 }
 
 .sci-wheel {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100px;
+  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;
+  width: 100%;
+  height: 100px;
+  line-height: 100px;
+  padding: 0 40px;
+  background: rgba(0, 0, 0, 0.3);
 }
-
-.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{
+.header .left {
   float: left;
-  width: 40px;
-  height: 40px;
-  border: 1px solid #ccc;
-  background-color: #cccccc3f;
-  border-radius: 5px;
+  width: 50%;
 }
-.header .login a:first-child img{
-    float: left;
-    padding: 10px;
+.header .left .image {
+  float: left;
+  margin: 27px 10px;
+  width: 60px;
 }
-.header .login a:nth-child(2){
+.header .left .title {
   float: left;
-  width: 100px;
-  height: 40px;
-  border: 1px solid #ccc;
-  line-height: 40px;
-  text-align: center;
-  color: #ccc;
-  background-color: #cccccc3f;
-  border-radius: 5px;
+  font-size: 30px;
+  color: white;
+  letter-spacing: 3px;
 }
-.header .login a:nth-child(3){
+.header .right {
   float: left;
-  width: 100px;
-  height: 40px;
-  border: 1px solid #ccc;
-  line-height: 40px;
-  text-align: center;
-  color: #ccc;
-  background-color: #cccccc3f;
+  width: 50%;
+  text-align: right;
+  padding: 0 70px 0 0;
+}
+.header .right button {
+  background: #409eff;
+  color: #fff;
+  padding: 4px 4px;
+  font-size: 14px;
   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;
+.header .right button:hover {
+  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);
+  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;
+  display: block;
+  float: left;
+  margin: 60px 29px;
 }
 
 .center .list:nth-child(1) {
-    position: relative;
-    left: 75px;
-    top: 60px;
+  position: relative;
+  left: 75px;
+  top: 60px;
 }
 
 .center .list:nth-child(2) {
-    position: relative;
-    left: 80px;
-    top: 0;
+  position: relative;
+  left: 80px;
+  top: 0;
 }
 
 .center .list:nth-child(3) {
-    position: relative;
-    left: 85px;
-    top: 60px;
+  position: relative;
+  left: 85px;
+  top: 60px;
 }
 
 .center .list:nth-child(4) {
-    position: relative;
-    left: -187px;
-    top: -145px;
+  position: relative;
+  left: -187px;
+  top: -145px;
 }
 
 .center .list:nth-child(5) {
-    position: relative;
-    top: -145px;
-    left: 606px;
+  position: relative;
+  top: -145px;
+  left: 606px;
 }
 
 .center .list p {
-    text-align: center;
-    color: #00BAF1;
-    font-size: 35px;
-    margin-top: 190px;
+  text-align: center;
+  color: #00baf1;
+  font-size: 35px;
+  margin-top: 190px;
 }

+ 1 - 1
src/layout/userCenter/heads.vue

@@ -69,7 +69,7 @@ export default {
     },
     // 返回科技超市页面
     linkBtn() {
-      this.$router.push({ path: `${process.env.NODE_ENV != 'development' ? '/market/index' : Vue.config.weixin.baseUrl + '/platlive/market/index'}` });
+      this.$router.push({ path: `${process.env.NODE_ENV === 'development' ? '/market/index' : Vue.config.weixin.baseUrl + '/platlive/market/index'}` });
     },
   },
   computed: {