Merge branch 'master' of http://git.cc-lotus.info/Free-cysci/common

src/components/common/foot.vue

@@ -43,7 +43,7 @@ export default {
 }
 .main {
   min-height: 130px;
-  background: #3a3637;
+  background: #191919;
   p {
     font-size: 14px;
     color: #999;

src/components/common/top.vue

@@ -3,12 +3,25 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-col :span="24" class="one">
-          环南湖科创先导区双创服务平台
+          <div class="w_1200">
+            <el-col :span="20" class="left" @click.native="homeBtn">
+              <el-col :span="3" class="image">
+                <el-image :src="jszxUrl"></el-image>
+              </el-col>
+              <el-col :span="21" class="text">
+                <p>环南湖科创先导区双创服务平台</p>
+                <p>Innovation and entrepreneurship service platform of Nanhu Science and technology innovation pilot zone</p>
+              </el-col>
+            </el-col>
+            <el-col :span="4" class="right">
+              <el-col :span="24" class="phone"><i class="el-icon-phone-outline"></i>服务热线:<span>0431-12345678</span></el-col>
+              <el-col :span="24" class="btn">
+                <el-button type="primary" size="mini">管理登录</el-button>
+              </el-col>
+            </el-col>
+          </div>
         </el-col>
         <el-col :span="24" class="two">
-          环南湖科创先导区双创服务平台
-        </el-col>
-        <el-col :span="24" class="thr">
           <div class="w_1200">
             <el-col :span="24" class="menuInfo">
               <ul>
@@ -31,6 +44,12 @@
             </el-col>
           </div>
         </el-col>
+        <el-col :span="24" class="thr">
+          <el-image :src="beijing"></el-image>
+          <el-col :span="24" class="title">
+            <div class="w_1200">环南湖科创先导区双创服务平台-{{ $route.meta.title }}</div>
+          </el-col>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -43,7 +62,10 @@ export default {
   props: {},
   components: {},
   data: function() {
-    return {};
+    return {
+      beijing: require('@a/beijing.png'),
+      jszxUrl: require('@a/jszx.png'),
+    };
   },
   created() {},
   methods: {
@@ -54,6 +76,9 @@ export default {
     isTab(type) {
       return this.$route.path.includes(`/${type}`);
     },
+    homeBtn() {
+      this.$router.push({ path: '/' });
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -72,18 +97,49 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.w_1200 {
-  width: 1200px;
-  margin: 0 auto;
-}
 .main {
-  height: 150px;
-  border-bottom: 1px solid #ff0000;
-  // .one {
-  // }
-  // .two {
-  // }
-  .thr {
+  .one {
+    height: 130px;
+    .left {
+      .image {
+        text-align: center;
+        padding: 13px 0;
+        /deep/.el-image__inner {
+          width: 90px;
+          height: 90px;
+        }
+      }
+      .text {
+        padding: 25px 0;
+        p:nth-child(1) {
+          font-size: 35px;
+          font-family: cursive;
+          font-weight: bold;
+        }
+        p:nth-child(2) {
+          font-size: 15px;
+          text-transform: capitalize;
+        }
+      }
+    }
+    .left:hover {
+      cursor: pointer;
+    }
+    .right {
+      text-align: center;
+      padding: 39px 0;
+      .phone {
+        font-size: 15px;
+        margin: 0 0 5px 0;
+        font-weight: bold;
+        span {
+          color: #ff0000;
+        }
+      }
+    }
+  }
+  .two {
+    background: #0085d2;
     .menuInfo {
       height: 50px;
       overflow: hidden;
@@ -122,5 +178,18 @@ export default {
       }
     }
   }
+  .thr {
+    position: relative;
+    .title {
+      position: absolute;
+      width: 100%;
+      text-align: center;
+      top: 40%;
+      font-size: 50px;
+      font-family: cursive;
+      -webkit-text-stroke: 1px #fe950e;
+      color: #666;
+    }
+  }
 }
 </style>

src/router/index.js

@@ -1,13 +1,13 @@
-import Vue from "vue";
-import VueRouter from "vue-router";
-import Home from "../views/Home.vue";
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import Home from '../views/Home.vue';
 
 Vue.use(VueRouter);
 
 const routes = [
   {
-    path: "/",
-    component: () => import("../views/index.vue"),
+    path: '/',
+    component: () => import('../views/index.vue'),
   },
 ];