更新

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>
             <a href="#">
@@ -45,7 +46,9 @@ export default {
   name: 'keji',
   props: {},
   components: {},
-  data: () => ({}),
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
   created() { },
   computed: {},
   methods: {},
@@ -56,17 +59,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-left: 20px;

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>
             <a href="#">
@@ -45,7 +46,9 @@ export default {
   name: 'law',
   props: {},
   components: {},
-  data: () => ({}),
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
   created() {},
   computed: {},
   methods: {},
@@ -56,17 +59,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-left: 20px;

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>
             <a href="#">
@@ -45,8 +46,10 @@ export default {
   name: 'notice',
   props: {},
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -56,17 +59,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-left: 20px;
@@ -85,4 +97,3 @@ li a {
   float: right;
 }
 </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>
             <a href="#">
@@ -45,8 +46,10 @@ export default {
   name: 'zixun',
   props: {},
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    dian: require('../../../assets/dot.png'),
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -56,17 +59,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-left: 20px;