5 år sedan · 6665b7f2cf
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,9 @@
 
				     <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <!-- <link rel="stylesheet" type="text/css" href="css/style.css" />
			
 
				+    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
			
 
				+    <link rel="stylesheet" href="css/bootstrap.min.css"> -->
			
 
				     <title>吉林省科技创新创业资源公共服务平台</title>
			
 
				   </head>
			
 
				   <body>
			
@@ -13,5 +16,6 @@
 
				     </noscript>
			
 
				     <div id="app"></div>
			
 
				     <!-- built files will be auto injected -->
			
 
				+	  <!-- <script type="text/javascript" src="js/tabs.js"></script> -->
			
 
				   </body>
			
 
				 </html>
			
--- a/public/static/css/bootstrap.min.css
+++ b/public/static/css/bootstrap.min.css
--- a/public/static/css/iconfont.css
+++ b/public/static/css/iconfont.css
--- a/public/static/css/mubu2017.css
+++ b/public/static/css/mubu2017.css
@@ -0,0 +1,97 @@
 
				+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)}
			
 
				+	}
			
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
--- a/public/static/images/06.gif
+++ b/public/static/images/06.gif
--- a/public/static/images/1.jpg
+++ b/public/static/images/1.jpg
--- a/public/static/images/beijing.jpg
+++ b/public/static/images/beijing.jpg
--- a/public/static/images/bg.jpg
+++ b/public/static/images/bg.jpg
--- a/public/static/images/logo.png
+++ b/public/static/images/logo.png
--- a/public/static/images/logo20.png
+++ b/public/static/images/logo20.png
--- a/public/static/images/main1.png
+++ b/public/static/images/main1.png
--- a/public/static/images/main2.png
+++ b/public/static/images/main2.png
--- a/public/static/images/mubu_1.jpg
+++ b/public/static/images/mubu_1.jpg
--- a/public/static/images/mubu_1_s.jpg
+++ b/public/static/images/mubu_1_s.jpg
--- a/public/static/images/mubu_2.png
+++ b/public/static/images/mubu_2.png
--- a/public/static/images/mubu_2_s.png
+++ b/public/static/images/mubu_2_s.png
--- a/public/static/images/mubu_3_s.png
+++ b/public/static/images/mubu_3_s.png
--- a/public/static/images/mubu_left.jpg
+++ b/public/static/images/mubu_left.jpg
--- a/public/static/images/mubu_left_s.jpg
+++ b/public/static/images/mubu_left_s.jpg
--- a/public/static/images/mubu_right.jpg
+++ b/public/static/images/mubu_right.jpg
--- a/public/static/images/mubu_right_s.jpg
+++ b/public/static/images/mubu_right_s.jpg
--- a/public/static/images/mubu_yh_1.png
+++ b/public/static/images/mubu_yh_1.png
--- a/public/static/images/mubu_yh_2.png
+++ b/public/static/images/mubu_yh_2.png
--- a/public/static/images/nyear-wwwa5.png
+++ b/public/static/images/nyear-wwwa5.png
--- a/public/static/images/top_3.png
+++ b/public/static/images/top_3.png
--- a/public/static/images/top_bg.png
+++ b/public/static/images/top_bg.png
--- a/public/static/images/测试图片.jpg
+++ b/public/static/images/测试图片.jpg
--- a/public/static/js/jquery-1.8.3.min.js
+++ b/public/static/js/jquery-1.8.3.min.js
--- a/public/static/js/tabs.js
+++ b/public/static/js/tabs.js
@@ -0,0 +1,32 @@
 
				+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)
			
 
				+    }
			
 
				+}
			
--- a/public/static/liveIndex.html
+++ b/public/static/liveIndex.html
@@ -0,0 +1,36 @@
 
				+
			
 
				+<!DOCTYPE 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="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <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">吉林省计算机中心科技直播大厅</p>
			
 
				+						<p>指导单位：吉林省计算机中心</p>
			
 
				+						<p>主办方：吉林省计算机中心</p>
			
 
				+						<p>支持单位：长春市福瑞科技有限公司</p>
			
 
				+						<a href="../live/hall">进入活动现场<i class="iconfont icon-bofang"></i></a>
			
 
				+					</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>
			
 
				+</body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,14 @@
 
				 <template>
			
 
				-  <div id="App" :style="`background:url(${bg}) no-repeat fixed;background-size: 100% 100%;`">
			
 
				+  <div id="App" :style="`background:url(${bg}) no-repeat fixed;background-size: 100% 100%;`" v-if="!isSubSite">
			
 
				+    <router-view />
			
 
				+  </div>
			
 
				+  <div v-else>
			
 
				     <router-view />
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				+import _ from 'lodash';
			
 
				 export default {
			
 
				   name: 'App',
			
 
				   props: {},
			
@@ -13,7 +17,13 @@ export default {
 
				     bg: require('@/assets/bg.jpg'),
			
 
				   }),
			
 
				   created() {},
			
 
				-  computed: {},
			
 
				+  computed: {
			
 
				+    isSubSite() {
			
 
				+      let route = this.$route;
			
 
				+      let res = _.get(route, 'meta.subSite', false);
			
 
				+      return res;
			
 
				+    },
			
 
				+  },
			
 
				   methods: {},
			
 
				 };
			
 
				 </script>
			
--- a/src/assets/live/06.gif
+++ b/src/assets/live/06.gif
--- a/src/assets/live/1.jpg
+++ b/src/assets/live/1.jpg
--- a/src/assets/live/beijing.jpg
+++ b/src/assets/live/beijing.jpg
--- a/src/assets/live/bg.jpg
+++ b/src/assets/live/bg.jpg
--- a/src/assets/live/logo.png
+++ b/src/assets/live/logo.png
--- a/src/assets/live/logo20.png
+++ b/src/assets/live/logo20.png
--- a/src/assets/live/main1.png
+++ b/src/assets/live/main1.png
--- a/src/assets/live/main2.png
+++ b/src/assets/live/main2.png
--- a/src/assets/live/mubu_1.jpg
+++ b/src/assets/live/mubu_1.jpg
--- a/src/assets/live/mubu_1_s.jpg
+++ b/src/assets/live/mubu_1_s.jpg
--- a/src/assets/live/mubu_2.png
+++ b/src/assets/live/mubu_2.png
--- a/src/assets/live/mubu_2_s.png
+++ b/src/assets/live/mubu_2_s.png
--- a/src/assets/live/mubu_3_s.png
+++ b/src/assets/live/mubu_3_s.png
--- a/src/assets/live/mubu_left.jpg
+++ b/src/assets/live/mubu_left.jpg
--- a/src/assets/live/mubu_left_s.jpg
+++ b/src/assets/live/mubu_left_s.jpg
--- a/src/assets/live/mubu_right.jpg
+++ b/src/assets/live/mubu_right.jpg
--- a/src/assets/live/mubu_right_s.jpg
+++ b/src/assets/live/mubu_right_s.jpg
--- a/src/assets/live/mubu_yh_1.png
+++ b/src/assets/live/mubu_yh_1.png
--- a/src/assets/live/mubu_yh_2.png
+++ b/src/assets/live/mubu_yh_2.png
--- a/src/assets/live/nyear-wwwa5.png
+++ b/src/assets/live/nyear-wwwa5.png
--- a/src/assets/live/top_3.png
+++ b/src/assets/live/top_3.png
--- a/src/assets/live/top_bg.png
+++ b/src/assets/live/top_bg.png
--- a/src/assets/live/测试图片.jpg
+++ b/src/assets/live/测试图片.jpg
--- a/src/layout/live/foot.vue
+++ b/src/layout/live/foot.vue
@@ -0,0 +1,50 @@
 
				+<template>
			
 
				+  <div id="foot">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="superdown">
			
 
				+        <div class="w_1200">
			
 
				+          <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>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'foot',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    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>
			
--- a/src/layout/live/frame.vue
+++ b/src/layout/live/frame.vue
@@ -0,0 +1,42 @@
 
				+<template>
			
 
				+  <div id="frame">
			
 
				+    <div class="pz_banner">
			
 
				+      <live-head></live-head>
			
 
				+    </div>
			
 
				+    <div class="pz_main">
			
 
				+      <router-view></router-view>
			
 
				+    </div>
			
 
				+    <div class="pz_down">
			
 
				+      <live-foot></live-foot>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import liveHead from '@/layout/live/head.vue';
			
 
				+import liveFoot from '@/layout/live/foot.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'frame',
			
 
				+  props: {},
			
 
				+  components: { liveHead, liveFoot },
			
 
				+  data: () => {
			
 
				+    return {};
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+@import '~@/style/style.css';
			
 
				+</style>
			
--- a/src/layout/live/head.vue
+++ b/src/layout/live/head.vue
@@ -0,0 +1,84 @@
 
				+<template>
			
 
				+  <div id="head">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="superbanner">
			
 
				+        <img :src="top_bg" />
			
 
				+      </div>
			
 
				+      <div class="supertop">
			
 
				+        <div class="w_1200">
			
 
				+          <p>
			
 
				+            欢迎来到吉林省计算机中心科技平台
			
 
				+          </p>
			
 
				+          <p>
			
 
				+            <button type="button">登录</button>
			
 
				+            <button type="button">注册</button>
			
 
				+          </p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="superlogo">
			
 
				+        <div class="w_1200">
			
 
				+          <img :src="logo" />
			
 
				+          <span>
			
 
				+            吉林省计算机中心科技平台
			
 
				+          </span>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="supermenu">
			
 
				+        <div class="w_1200">
			
 
				+          <div class="info">
			
 
				+            <ul>
			
 
				+              <li class="">
			
 
				+                <a href="index.html" target="">首页</a>
			
 
				+              </li>
			
 
				+              <li class="">
			
 
				+                <a href="liveIndex.html" target="_blank">直播大厅</a>
			
 
				+              </li>
			
 
				+              <li class="">
			
 
				+                <a href="supermarket.html" target="">科技超市</a>
			
 
				+              </li>
			
 
				+              <li class="">
			
 
				+                <a href="service.html" target="">创新服务</a>
			
 
				+              </li>
			
 
				+              <li class="active">
			
 
				+                <a href="dynamic.html" target="">动态监测</a>
			
 
				+              </li>
			
 
				+              <li class="">
			
 
				+                <a href="technical.html" target="">技术培训</a>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'head',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    return {
			
 
				+      top_bg: require('@/assets/live/top_bg.png'),
			
 
				+      logo: require('@/assets/live/logo.png'),
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+@import '~@/style/style.css';
			
 
				+</style>
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,6 +4,70 @@ import checkLogin from './before';
 
				 
			
 
				 Vue.use(VueRouter);
			
 
				 
			
 
				+const live = [
			
 
				+  {
			
 
				+    path: '/live',
			
 
				+    name: 'live_detail',
			
 
				+    component: () => import('../views/live/index.vue'),
			
 
				+    children: [
			
 
				+      {
			
 
				+        path: '/live/detail',
			
 
				+        meta: { title: '信息详情', subSite: true },
			
 
				+        name: 'live_detail',
			
 
				+        component: () => import('../views/live/detail/detail.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/monitor',
			
 
				+        meta: { title: '动态监控', subSite: true },
			
 
				+        name: 'live_monitor',
			
 
				+        component: () => import('../views/live/monitor/index.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/list',
			
 
				+        meta: { title: '新闻列表', subSite: true },
			
 
				+        name: 'live_list',
			
 
				+        component: () => import('../views/live/news-list/index.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/img/list',
			
 
				+        meta: { title: '图片列表', subSite: true },
			
 
				+        name: 'live_img_list',
			
 
				+        component: () => import('../views/live/news-list/img-list.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/service',
			
 
				+        meta: { title: '创新服务', subSite: true },
			
 
				+        name: 'live_service',
			
 
				+        component: () => import('../views/live/service/index.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/market',
			
 
				+        meta: { title: '科技超市', subSite: true },
			
 
				+        name: 'live_market',
			
 
				+        component: () => import('../views/live/market/index.vue'),
			
 
				+      },
			
 
				+      {
			
 
				+        path: '/live/technical',
			
 
				+        meta: { title: '科技超市', subSite: true },
			
 
				+        name: 'live_technical',
			
 
				+        component: () => import('../views/live/technical/index.vue'),
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/live/hall/index',
			
 
				+    meta: { title: '直播首页', subSite: true },
			
 
				+    name: 'live_hall_index',
			
 
				+    component: () => import('../views/live/hall/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/live/hall',
			
 
				+    meta: { title: '直播大厅', subSite: true },
			
 
				+    name: 'live_hall',
			
 
				+    component: () => import('../views/live/hall/hall.vue'),
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				 const routes = [
			
 
				   {
			
 
				     path: '/',
			
@@ -227,6 +291,7 @@ const routes = [
 
				     name: 'trial',
			
 
				     component: () => import('../views/trial/index.vue'),
			
 
				   },
			
 
				+  ...live,
			
 
				 ];
			
 
				 
			
 
				 const router = new VueRouter({
			
--- a/src/style/bootstrap.min.css
+++ b/src/style/bootstrap.min.css
--- a/src/style/iconfont.css
+++ b/src/style/iconfont.css
--- a/src/style/mubu2017.css
+++ b/src/style/mubu2017.css
@@ -0,0 +1,97 @@
 
				+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)}
			
 
				+	}
			
--- a/src/style/style.css
+++ b/src/style/style.css
--- a/src/views/live/detail/detail.vue
+++ b/src/views/live/detail/detail.vue
--- a/src/views/live/hall/hall.vue
+++ b/src/views/live/hall/hall.vue
@@ -0,0 +1,606 @@
 
				+<template>
			
 
				+  <div id="hall" style="background-color: #fff">
			
 
				+    <div class="pz_top">
			
 
				+			<div class="w_0100">
			
 
				+				<div class="livetop">
			
 
				+					<div class="w_1200">
			
 
				+						<div class="title">
			
 
				+							吉林省计算机中心对接直播大厅
			
 
				+						</div>
			
 
				+						<div class="zhuban">
			
 
				+							<span>主办方:</span>
			
 
				+							<span>吉林省计算机中心直播大厅</span>
			
 
				+						</div>
			
 
				+						<div class="num">
			
 
				+							<p>
			
 
				+								<span>同时在线</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+							<p>
			
 
				+								<span>特邀嘉宾</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+							<p>
			
 
				+								<span>洽谈合作</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+							<p>
			
 
				+								<span>达成意愿</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+							<p>
			
 
				+								<span>展示成果</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+							<p>
			
 
				+								<span>发布需求</span>
			
 
				+								<span>1人</span>
			
 
				+							</p>
			
 
				+						</div>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+		</div>
			
 
				+		<div class="pz_main">
			
 
				+			<div class="w_0100">
			
 
				+				<div class="w_1200">
			
 
				+					<div class="livemain">
			
 
				+						<div class="livevideo">
			
 
				+							<div class="left">
			
 
				+								<p class="title"><span style="color:#FF8400">现场</span><span>直播</span></p>
			
 
				+								<div class="video">
			
 
				+									直播换面
			
 
				+								</div>
			
 
				+							</div>
			
 
				+							<div class="right">
			
 
				+								<p><span>交易实况</span></p>
			
 
				+								<div class="videoTitle">
			
 
				+									<ul>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<span>[09:16:00]</span>
			
 
				+											<span>中科院宁波先进制造所</span>
			
 
				+											<span>与</span>
			
 
				+											<span>深圳市华尔威体育用品</span>
			
 
				+											<span>实现对接</span>
			
 
				+										</li>
			
 
				+									</ul>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+						</div>
			
 
				+						<div class="liveMainImage">
			
 
				+							<img :src="img.main1">
			
 
				+						</div>
			
 
				+						<div class="gongqiu">
			
 
				+							<div class="gongqiuTop">
			
 
				+								<img :src="img.main2">
			
 
				+							</div>
			
 
				+							<div class="gongqiuInfo">
			
 
				+								<div id="tab">
			
 
				+									<div class="tabList">
			
 
				+										<ul>
			
 
				+											<li class="cur">找技术</li>
			
 
				+											<li>找需求</li>
			
 
				+											<li>找服务</li>
			
 
				+											<li>找专家</li>
			
 
				+										</ul>
			
 
				+									</div>
			
 
				+									<div class="tabCon">
			
 
				+										<div class="cur cur_1">
			
 
				+											<ul class="tabConList">
			
 
				+												<li class="oneLi">
			
 
				+													<p class="oneLiLeft">
			
 
				+														<span class="name">技术名称</span>
			
 
				+														<span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
			
 
				+														<span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
			
 
				+														<span class="type">类型：实用类型</span>
			
 
				+														<span class="type">成熟度：正在研发</span>
			
 
				+														<span class="type">交易方式：许可转让</span>
			
 
				+														<span class="type">交易价格：面议</span>
			
 
				+													</p>
			
 
				+													<p class="oneLiRight">
			
 
				+														<span>摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span>
			
 
				+													</p>
			
 
				+												</li>
			
 
				+												<li class="oneLi">
			
 
				+													<p class="oneLiLeft">
			
 
				+														<span class="name">技术名称</span>
			
 
				+														<span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
			
 
				+														<span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
			
 
				+														<span class="type">类型：实用类型</span>
			
 
				+														<span class="type">成熟度：正在研发</span>
			
 
				+														<span class="type">交易方式：许可转让</span>
			
 
				+														<span class="type">交易价格：面议</span>
			
 
				+													</p>
			
 
				+													<p class="oneLiRight">
			
 
				+														<span>摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span>
			
 
				+													</p>
			
 
				+												</li>
			
 
				+												<li class="oneLi">
			
 
				+													<p class="oneLiLeft">
			
 
				+														<span class="name">技术名称</span>
			
 
				+														<span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
			
 
				+														<span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
			
 
				+														<span class="type">类型：实用类型</span>
			
 
				+														<span class="type">成熟度：正在研发</span>
			
 
				+														<span class="type">交易方式：许可转让</span>
			
 
				+														<span class="type">交易价格：面议</span>
			
 
				+													</p>
			
 
				+													<p class="oneLiRight">
			
 
				+														<span>摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span>
			
 
				+													</p>
			
 
				+												</li>
			
 
				+												<li class="oneLi">
			
 
				+													<p class="oneLiLeft">
			
 
				+														<span class="name">技术名称</span>
			
 
				+														<span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
			
 
				+														<span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
			
 
				+														<span class="type">类型：实用类型</span>
			
 
				+														<span class="type">成熟度：正在研发</span>
			
 
				+														<span class="type">交易方式：许可转让</span>
			
 
				+														<span class="type">交易价格：面议</span>
			
 
				+													</p>
			
 
				+													<p class="oneLiRight">
			
 
				+														<span>摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span>
			
 
				+													</p>
			
 
				+												</li>
			
 
				+											</ul>
			
 
				+										</div>
			
 
				+										<div>
			
 
				+											<ul class="tabConList">
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+												<li class="twoLi">
			
 
				+													<a href="">
			
 
				+														<p>寻求疫后创伤抗抑郁药药物的需求</p>
			
 
				+														<p>
			
 
				+															<span>行业分类：医药与医疗-生物医药</span>
			
 
				+															<span>发布时间：2020-03-31</span>
			
 
				+														</p>
			
 
				+														<p>
			
 
				+															<span>需求类型：技术难题解决</span>
			
 
				+															<span>吉林省长春市</span>
			
 
				+														</p>
			
 
				+													</a>
			
 
				+												</li>
			
 
				+											</ul>
			
 
				+										</div>
			
 
				+										<div class="cur_3">
			
 
				+											<ul class="tabConList">
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+												<li class="threeLi">
			
 
				+													<p>长春福瑞科技有限公司</p>
			
 
				+													<p>
			
 
				+														<img :src="img.logo20">
			
 
				+														<button type="button">立即咨询</button>
			
 
				+														<span>服务类型：</span>
			
 
				+														<span class="type">科技服务</span>
			
 
				+													</p>
			
 
				+													<a href="">进入主页</a>
			
 
				+												</li>
			
 
				+											</ul>
			
 
				+										</div>
			
 
				+										<div>
			
 
				+											<ul class="tabConList">
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+												<li class="fourLi">
			
 
				+													<img :src="img.img">
			
 
				+													<p>
			
 
				+														<span class="name">万能通</span>
			
 
				+														<span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
			
 
				+													</p>
			
 
				+													<p>从事领域：计算机，电脑，啥都有</p>
			
 
				+													<p>擅长能力：全能，啥都会，没有他不会的</p>
			
 
				+												</li>
			
 
				+											</ul>
			
 
				+										</div>
			
 
				+									</div>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+						</div>
			
 
				+						<div class="fangtan">
			
 
				+							<div class="jiabin">
			
 
				+								<p class="jiabintop">
			
 
				+									<span>嘉宾访谈</span>
			
 
				+									<a href="">MORE</a>
			
 
				+								</p>
			
 
				+								<div class="jiabinlist">
			
 
				+									<ul>
			
 
				+										<li>
			
 
				+											<img :src="img.img" >
			
 
				+											<p>
			
 
				+												<span  class="textOver">访谈标题</span>
			
 
				+												<span>2020-02-02 10:00</span>
			
 
				+												<span class="text">区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区 </span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<img :src="img.img" >
			
 
				+											<p>
			
 
				+												<span  class="textOver">访谈标题</span>
			
 
				+												<span>2020-02-02 10:00</span>
			
 
				+												<span>区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区 </span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<img :src="img.img" >
			
 
				+											<p>
			
 
				+												<span class="textOver">访谈标题</span>
			
 
				+												<span>2020-02-02 10:00</span>
			
 
				+												<span>区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区我国已将区 </span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<img :src="img.img" >
			
 
				+											<p>
			
 
				+												<span class="textOver">访谈标题</span>
			
 
				+												<span>2020-02-02 10:00</span>
			
 
				+												<span>区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区 </span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+									</ul>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+							<div class="jiabin luyan">
			
 
				+								<p class="jiabintop luyanTop">
			
 
				+									<span>项目路演</span>
			
 
				+									<a href="">MORE</a>
			
 
				+								</p>
			
 
				+								<div class="luyanList">
			
 
				+									<ul>
			
 
				+										<li>
			
 
				+											<p>
			
 
				+												<span>项目路演</span>
			
 
				+												<span>浏览:1234</span>
			
 
				+											</p>
			
 
				+											<p>
			
 
				+												<span>所在地区：江苏省 | 所属行业：其他行业</span>
			
 
				+												<span>项目融资方式：股权融资</span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<p>
			
 
				+												<span>项目路演</span>
			
 
				+												<span>浏览:1234</span>
			
 
				+											</p>
			
 
				+											<p>
			
 
				+												<span>所在地区：江苏省 | 所属行业：其他行业</span>
			
 
				+												<span>项目融资方式：股权融资</span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<p>
			
 
				+												<span>项目路演</span>
			
 
				+												<span>浏览:1234</span>
			
 
				+											</p>
			
 
				+											<p>
			
 
				+												<span>所在地区：江苏省 | 所属行业：其他行业</span>
			
 
				+												<span>项目融资方式：股权融资</span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<p>
			
 
				+												<span>项目路演</span>
			
 
				+												<span>浏览:1</span>
			
 
				+											</p>
			
 
				+											<p>
			
 
				+												<span>所在地区：江苏省 | 所属行业：其他行业</span>
			
 
				+												<span>项目融资方式：股权融资</span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<p>
			
 
				+												<span>项目路演</span>
			
 
				+												<span>浏览:1234</span>
			
 
				+											</p>
			
 
				+											<p>
			
 
				+												<span>所在地区：江苏省 | 所属行业：其他行业</span>
			
 
				+												<span>项目融资方式：股权融资</span>
			
 
				+											</p>
			
 
				+										</li>
			
 
				+									</ul>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+							<div class="chat">
			
 
				+								<p class="luyanTop">
			
 
				+									<span>公共聊天</span>
			
 
				+									<span class="icon"><i class="iconfont icon-xianhua" style="color:red"></i>送鲜花</span>
			
 
				+									<span class="icon"><i class="iconfont icon-xin" style="color:red;"></i>发贺信</span>
			
 
				+								</p>
			
 
				+								<div class="chatList">
			
 
				+									<ul>
			
 
				+										<li>
			
 
				+											<p><span>[10:00:00]</span><span> 深圳市睿视科技有限公司+彭小姐给龙岗区在线科技成果对接会-新材料专场送来鲜花！</span></p>
			
 
				+										</li>
			
 
				+										<li>
			
 
				+											<p><span>[10:00:00]</span><span style="font-weight: bold;">测试人：</span><span> 深圳市睿视科技有限公司+彭小姐给龙岗区在线科技成果对接会-新材料专场送来鲜花！</span></p>
			
 
				+										</li>
			
 
				+									</ul>
			
 
				+									<div class="input">
			
 
				+										<input type="text" name="" id="" value="" />
			
 
				+										<button type="button">发送</button>
			
 
				+									</div>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+						</div>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+		</div>
			
 
				+		<div class="pz_down">
			
 
				+			<div class="w_0100">
			
 
				+				<div class="superdown">
			
 
				+					<div class="w_1200">
			
 
				+						<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>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'hall',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    return {
			
 
				+      img:{
			
 
				+        main1: require('@/assets/live/main1.png'),
			
 
				+        main2: require('@/assets/live/main2.png'),
			
 
				+        logo20: require('@/assets/live/logo20.png'),
			
 
				+        img: require('@/assets/live/测试图片.jpg'),
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+@import '~@/style/style.css';
			
 
				+</style>
			
--- a/src/views/live/hall/index.vue
+++ b/src/views/live/hall/index.vue
@@ -0,0 +1,36 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <iframe width="100%" style="height:99vh" frameborder="0" src="/static/liveIndex.html"></iframe>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    return {
			
 
				+      logo: require('@/assets/logo.png'),
			
 
				+      height: '1000px',
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    console.log('in function:');
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/live/index.vue
+++ b/src/views/live/index.vue
@@ -0,0 +1,31 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <frame></frame>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import frame from '@/layout/live/frame.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: { frame },
			
 
				+  data: () => {
			
 
				+    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>
			
--- a/src/views/live/market/index.vue
+++ b/src/views/live/market/index.vue
@@ -0,0 +1,278 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="w_1200">
			
 
				+        <div class="supermain">
			
 
				+          <div class="superOne">
			
 
				+            <div class="superOneTop">
			
 
				+              <span style="margin: 10px;">技术</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <div class="superoneInfo">
			
 
				+              <ul>
			
 
				+                <li>
			
 
				+                  <p>
			
 
				+                    <span class="textOver">海洋牧场建设，海洋生物活性物质制备</span>
			
 
				+                    <span>2020-04-05</span>
			
 
				+                  </p>
			
 
				+                  <p>类型：技术类</p>
			
 
				+                  <p>价格：<span>1000</span> 元</p>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                  <p>
			
 
				+                    <span class="textOver">四条数据</span>
			
 
				+                    <span>2020-04-05</span>
			
 
				+                  </p>
			
 
				+                  <p>类型：技术类</p>
			
 
				+                  <p>价格：<span>1000</span> 元</p>
			
 
				+                </li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="superOne superTwo">
			
 
				+            <div class="superOneTop">
			
 
				+              <span style="margin: 10px;">专家</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <div class="superTwoInfo">
			
 
				+              <ul>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span>张三</span>
			
 
				+                      <span><i class="iconfont icon-address" style="margin: 5px;"></i>吉林省长春市</span>
			
 
				+                    </p>
			
 
				+                    <p class="textOver">从事领域：化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</p>
			
 
				+                    <p class="textOver">擅长能力：化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span>四条数据</span>
			
 
				+                      <span><i class="iconfont icon-address" style="margin: 5px;"></i>吉林省长春市</span>
			
 
				+                    </p>
			
 
				+                    <p class="textOver">从事领域：化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</p>
			
 
				+                    <p class="textOver">擅长能力：化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="superOne superThree">
			
 
				+            <div class="superOneTop">
			
 
				+              <span style="margin: 10px;">服务</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <div class="superThreeInfo">
			
 
				+              <ul>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>长春市福瑞科技有限公司</p>
			
 
				+                    <p>服务类型：技术咨询</p>
			
 
				+                    <p>
			
 
				+                      <button type="button">立即咨询</button>
			
 
				+                      <button type="button">进入主页</button>
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>四条数据</p>
			
 
				+                    <p>服务类型：技术咨询</p>
			
 
				+                    <p>
			
 
				+                      <button type="button">立即咨询</button>
			
 
				+                      <button type="button">进入主页</button>
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="superOne superTwo superFour">
			
 
				+            <div class="superOneTop">
			
 
				+              <span style="margin: 10px;">专家</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <div class="superFourInfo">
			
 
				+              <ul>
			
 
				+                <li>资金</li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="superOne superFive">
			
 
				+            <div class="superOneTop">
			
 
				+              <span style="margin: 10px;">产品</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <div class="superFiveInfo">
			
 
				+              <ul>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>产品名称</p>
			
 
				+                    <p>
			
 
				+                      <span class="textOver">所属企业：长春福瑞科技有限公司</span>
			
 
				+                      <span>认证状态：已认证</span>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <span>产品类别：LS</span>
			
 
				+                      <span>上架时间：2020-02-02</span>
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                  <img :src="img" />
			
 
				+                  <div>
			
 
				+                    <p>八条数据</p>
			
 
				+                    <p>
			
 
				+                      <span class="textOver">所属企业：长春福瑞科技有限公司</span>
			
 
				+                      <span>认证状态：未认证</span>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <span>产品类别：LS</span>
			
 
				+                      <span>上架时间：2020-02-02</span>
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- <div class="super_right">
			
 
				+							<div class="technical_left_title"><span style="margin: 10px;">专家</span><span class="more">MORE</span></div>
			
 
				+							<ul>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="expert_img" :src="img"></span>
			
 
				+									<span class="expert_name">张三</span>
			
 
				+									<span class="expert_addr"><i class="iconfont icon-address" style="margin: 5px;"></i>吉林长春</span>
			
 
				+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
			
 
				+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="expert_img" :src="img"></span>
			
 
				+									<span class="expert_name">张三</span>
			
 
				+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
			
 
				+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
			
 
				+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="expert_img" :src="img"></span>
			
 
				+									<span class="expert_name">张三</span>
			
 
				+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
			
 
				+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
			
 
				+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="expert_img" :src="img"></span>
			
 
				+									<span class="expert_name">张三</span>
			
 
				+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
			
 
				+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
			
 
				+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+							</ul>
			
 
				+						</div>
			
 
				+						<div class="super_left">
			
 
				+							<div class="technical_left_title"><span style="margin: 10px;">服务</span><span class="more">MORE</span></div>
			
 
				+							<ul>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="service_name">长春市福瑞科技有限公司</span>
			
 
				+									<span class="service_type">服务类型:<span>技术咨询</span></span>
			
 
				+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
			
 
				+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="service_name">长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span>
			
 
				+									<span class="service_type">服务类型:<span>技术咨询</span></span>
			
 
				+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
			
 
				+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="service_name">长春市福瑞科技有限公司</span>
			
 
				+									<span class="service_type">服务类型:<span>技术咨询</span></span>
			
 
				+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
			
 
				+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="service_name">长春市福瑞科技有限公司</span>
			
 
				+									<span class="service_type">服务类型:<span>技术咨询</span></span>
			
 
				+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
			
 
				+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
			
 
				+								</li>
			
 
				+							</ul>
			
 
				+						</div>
			
 
				+						<div class="super_right">
			
 
				+							<div class="technical_left_title"><span style="margin: 10px;">资金</span><span class="more">MORE</span></div>
			
 
				+						</div>
			
 
				+						<div class="super_left">
			
 
				+							<div class="technical_left_title"><span style="margin: 10px;">产品</span><span class="more">MORE</span></div>
			
 
				+							<ul>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="expert_name">家用空调净化器</span>
			
 
				+									<span class="expert_addr">2020-04-26</span>
			
 
				+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
			
 
				+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="expert_name">家用空调净化器</span>
			
 
				+									<span class="expert_addr">2020-04-26</span>
			
 
				+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
			
 
				+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="expert_name">家用空调净化器</span>
			
 
				+									<span class="expert_addr">2020-04-26</span>
			
 
				+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
			
 
				+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+								<li class="super_expert">
			
 
				+									<span><img class="service_img" :src="img"></span>
			
 
				+									<span class="expert_name">家用空调净化器</span>
			
 
				+									<span class="expert_addr">2020-04-26</span>
			
 
				+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
			
 
				+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
			
 
				+								</li>
			
 
				+							</ul>
			
 
				+						</div> -->
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    return {
			
 
				+      img: require('@/assets/live/测试图片.jpg'),
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/live/monitor/index.vue
+++ b/src/views/live/monitor/index.vue
@@ -0,0 +1,313 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="w_1200">
			
 
				+        <div class="dynamicmain">
			
 
				+          <div class="one">
			
 
				+            <div class="dynamicinfo1">
			
 
				+              <div class="dynamicmaintitle"><span> 对项目的交易</span><span class="dynamicmore">MORE</span></div>
			
 
				+
			
 
				+              <div class="dynamictables">
			
 
				+                <table class="dynamictable">
			
 
				+                  <tr>
			
 
				+                    <th>营销单位</th>
			
 
				+                    <th>采购单位</th>
			
 
				+                    <th>产品交易</th>
			
 
				+                    <th>交易状态</th>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                </table>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="dynamicinfo2">
			
 
				+              <div class="dynamicmaintitle"><span> 未交易</span><span class="dynamicmore">MORE</span></div>
			
 
				+
			
 
				+              <div class="dynamictables">
			
 
				+                <table class="dynamictable2">
			
 
				+                  <tr>
			
 
				+                    <th>营销单位</th>
			
 
				+                    <th>采购单位</th>
			
 
				+                    <th>产品交易</th>
			
 
				+                    <th>交易状态</th>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                    <td>312321</td>
			
 
				+                  </tr>
			
 
				+                </table>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div>
			
 
				+              <div class="dynamicinfo3">
			
 
				+                <div class="dynamicmaintitle"><span> 未交易</span><span class="dynamicmore">MORE</span></div>
			
 
				+                <div class="dynamictables3">
			
 
				+                  <table class="dynamictable3">
			
 
				+                    <tr>
			
 
				+                      <th>营销单位</th>
			
 
				+                      <th>采购单位</th>
			
 
				+                      <th>产品交易</th>
			
 
				+                      <th>交易状态</th>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                      <td>312321</td>
			
 
				+                    </tr>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    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>
			
--- a/src/views/live/news-list/img-list.vue
+++ b/src/views/live/news-list/img-list.vue
--- a/src/views/live/news-list/index.vue
+++ b/src/views/live/news-list/index.vue
@@ -0,0 +1,62 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="w_1200">
			
 
				+        <div class="newlistmain">
			
 
				+          <div class="newlistTop">
			
 
				+            <span class="newlistTopt">|</span>
			
 
				+            <span class="newlisttitle">列表页</span>
			
 
				+          </div>
			
 
				+          <div class="newlistcontext">
			
 
				+            <ul>
			
 
				+              <li>
			
 
				+                <p>
			
 
				+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
			
 
				+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
			
 
				+                </p>
			
 
				+                <span>2020-02-01</span>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <p>
			
 
				+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
			
 
				+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
			
 
				+                </p>
			
 
				+                <span>2020-02-01</span>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <p>十五条数据</p>
			
 
				+                <span>2020-02-01</span>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="newlistpage">分页</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    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>
			
--- a/src/views/live/service/index.vue
+++ b/src/views/live/service/index.vue
--- a/src/views/live/technical/index.vue
+++ b/src/views/live/technical/index.vue
@@ -0,0 +1,73 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <div class="w_0100">
			
 
				+      <div class="w_1200">
			
 
				+        <div class="technicalmain">
			
 
				+          <div class="technical_left">
			
 
				+            <div class="technical_left_title">
			
 
				+              <span style="margin: 10px;">集中培训</span>
			
 
				+              <span class="more">MORE </span>
			
 
				+            </div>
			
 
				+            <ul class="train">
			
 
				+              <li>
			
 
				+                <p>2020-05-01</p>
			
 
				+                <p>吉林省计算中心科技平台网站使用集中培训</p>
			
 
				+                <p>
			
 
				+                  吉林省计算中心科技平台网站将于2020-05-10正式上线，为了各企业及专家可正常使用网站进行各项操作，吉林省计算中心决定于2020-05-01举行吉林省计算中心科技平台网站使用集中培训，各位与会人员请按时参加
			
 
				+                </p>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <p>2020-05-01</p>
			
 
				+                <p>六条数据</p>
			
 
				+                <p>
			
 
				+                  吉林省计算中心科技平台网站将于2020-05-10正式上线，为了各企业及专家可正常使用网站进行各项操作，吉林省计算中心决定于2020-05-01举行吉林省计算中心科技平台网站使用集中培训，各位与会人员请按时参加
			
 
				+                </p>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+          <div class="technical_right">
			
 
				+            <div class="technical_right_title">
			
 
				+              <span style="margin: 10px;">技术指导</span>
			
 
				+              <span class="more">MORE</span>
			
 
				+            </div>
			
 
				+            <ul class="guide" style="list-style-type:square">
			
 
				+              <li>
			
 
				+                <span>专家成功对企业进行技术指导</span>
			
 
				+                <span>2020-05-02</span>
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <span>十四条数据</span>
			
 
				+                <span>2020-05-02</span>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    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>
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -23,10 +23,10 @@ module.exports = {
 
				         ws: true,
			
 
				       },
			
 
				       '/files': {
			
 
				-        target: 'http://smart.cc-lotus.info',
			
 
				+        target: 'http://free.liaoningdoupo.com',
			
 
				       },
			
 
				       '/api/setting': {
			
 
				-        target: 'http://free.liaoningdoupo.com',
			
 
				+        target: 'http://free.liaoningdoupo.com', //http://free.liaoningdoupo.com
			
 
				         changeOrigin: true,
			
 
				         ws: true,
			
 
				       },
			
@@ -58,7 +58,7 @@ module.exports = {
 
				         // pathRewrite: { '^/api/affairs': '/api' },
			
 
				       },
			
 
				       '/api/market': {
			
 
				-        target: 'http://free.liaoningdoupo.com',
			
 
				+        target: 'http://127.0.0.1:9004',
			
 
				         changeOrigin: true,
			
 
				         ws: true,
			
 
				         // pathRewrite: { '^/api/affairs': '/api' },