Merge branch 'master' of http://git.cc-lotus.info/smart-center/web-common

src/layout/altai/index/keji.vue

@@ -2,13 +2,14 @@
   <div id="keji">
     <el-row>
       <el-col :span="24">
-        <a href="#">
-          <h2>科技服务
-            <span></span>
-            <span></span>
-            <span></span>
-          </h2>
-        </a>
+        <el-col :span="24" class="top">
+          <el-link :underline="false">
+            <el-col :span="21" class="title">科技服务</el-col>
+            <el-col :span="3" class="more">
+              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+            </el-col>
+          </el-link>
+        </el-col>
         <ul>
           <li v-for="(item,index) in keJiList" :key="index">
             <a href="#">
@@ -29,7 +30,9 @@ export default {
     keJiList:null,
   },
   components: {},
-  data: () => ({}),
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
   created() { },
   computed: {},
   methods: {},
@@ -40,17 +43,26 @@ export default {
 a {
   text-decoration: none;
 }
-h2 {
-  margin: 20px 20px 0;
+.top {
+  height: 60px;
+  line-height: 60px;
+}
+.top .el-link {
+  width: 100%;
+}
+/deep/.top .el-link .el-link--inner {
+  width: 100%;
+}
+.top .title {
+  font-size: 22px;
   color: #2c3350;
-  font: 22px;
+  font-family: 微软雅黑;
+  font-weight: bold;
+  padding: 0 0 0 20px;
 }
-h2 span {
-  width: 4px;
-  height: 4px;
-  background-color: #3d6fb4;
-  margin: 12px 0 3px 3px;
-  float: right;
+.top .more {
+  text-align: center;
+  height: 60px;
 }
 ul {
   padding: 0;

src/layout/altai/index/law.vue

@@ -2,13 +2,14 @@
   <div id="law">
     <el-row>
       <el-col :span="24">
-        <a href="#">
-          <h2>政策法规
-            <span></span>
-            <span></span>
-            <span></span>
-          </h2>
-        </a>
+        <el-col :span="24" class="top">
+          <el-link :underline="false">
+            <el-col :span="21" class="title">政策法规</el-col>
+            <el-col :span="3" class="more">
+              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+            </el-col>
+          </el-link>
+        </el-col>
         <ul>
            <li v-for="(item,index) in lawList" :key="index">
             <a href="#">
@@ -29,7 +30,9 @@ export default {
     lawList:null,
   },
   components: {},
-  data: () => ({}),
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
   created() {},
   computed: {},
   methods: {},
@@ -40,17 +43,26 @@ export default {
 a {
   text-decoration: none;
 }
-h2 {
-  margin: 20px 20px 0;
+.top {
+  height: 60px;
+  line-height: 60px;
+}
+.top .el-link {
+  width: 100%;
+}
+/deep/.top .el-link .el-link--inner {
+  width: 100%;
+}
+.top .title {
+  font-size: 22px;
   color: #2c3350;
-  font: 22px;
+  font-family: 微软雅黑;
+  font-weight: bold;
+  padding: 0 0 0 20px;
 }
-h2 span {
-  width: 4px;
-  height: 4px;
-  background-color: #3d6fb4;
-  margin: 12px 0 3px 3px;
-  float: right;
+.top .more {
+  text-align: center;
+  height: 60px;
 }
 ul {
   padding: 0;

src/layout/altai/index/notice.vue

@@ -2,13 +2,14 @@
   <div id="notice">
     <el-row>
       <el-col :span="24">
-        <a href="#">
-          <h2>通知通告
-            <span></span>
-            <span></span>
-            <span></span>
-          </h2>
-        </a>
+        <el-col :span="24" class="top">
+          <el-link :underline="false">
+            <el-col :span="21" class="title">通知公告</el-col>
+            <el-col :span="3" class="more">
+              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+            </el-col>
+          </el-link>
+        </el-col>
         <ul>
            <li v-for="(item,index) in noticeList" :key="index">
             <a href="#">
@@ -29,8 +30,10 @@ export default {
     noticeList:null,
   },
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -40,17 +43,26 @@ export default {
 a {
   text-decoration: none;
 }
-h2 {
-  margin: 20px 20px 0;
+.top {
+  height: 60px;
+  line-height: 60px;
+}
+.top .el-link {
+  width: 100%;
+}
+/deep/.top .el-link .el-link--inner {
+  width: 100%;
+}
+.top .title {
+  font-size: 22px;
   color: #2c3350;
-  font: 22px;
+  font-family: 微软雅黑;
+  font-weight: bold;
+  padding: 0 0 0 20px;
 }
-h2 span {
-  width: 4px;
-  height: 4px;
-  background-color: #3d6fb4;
-  margin: 12px 0 3px 3px;
-  float: right;
+.top .more {
+  text-align: center;
+  height: 60px;
 }
 ul {
   padding: 0;
@@ -77,4 +89,3 @@ a > span {
   white-space: nowrap;
 }
 </style>
-

src/layout/altai/index/zixun.vue

@@ -2,13 +2,14 @@
   <div id="zixun">
     <el-row>
       <el-col :span="24">
-        <a href="#">
-          <h2>最新资讯
-            <span></span>
-            <span></span>
-            <span></span>
-          </h2>
-        </a>
+        <el-col :span="24" class="top">
+          <el-link :underline="false">
+            <el-col :span="21" class="title">通知公告</el-col>
+            <el-col :span="3" class="more">
+              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+            </el-col>
+          </el-link>
+        </el-col>
         <ul>
            <li v-for="(item,index) in ziXunList" :key="index">
             <a href="#">
@@ -29,8 +30,10 @@ export default {
     ziXunList:null,
   },
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -40,17 +43,26 @@ export default {
 a {
   text-decoration: none;
 }
-h2 {
-  margin: 20px 20px 0;
+.top {
+  height: 60px;
+  line-height: 60px;
+}
+.top .el-link {
+  width: 100%;
+}
+/deep/.top .el-link .el-link--inner {
+  width: 100%;
+}
+.top .title {
+  font-size: 22px;
   color: #2c3350;
-  font: 22px;
+  font-family: 微软雅黑;
+  font-weight: bold;
+  padding: 0 0 0 20px;
 }
-h2 span {
-  width: 4px;
-  height: 4px;
-  background-color: #3d6fb4;
-  margin: 12px 0 3px 3px;
-  float: right;
+.top .more {
+  text-align: center;
+  height: 60px;
 }
 ul {
   padding: 0;