更新

src/layout/index/iconList.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="icon-link">
     <el-row>
-      <el-col :span="24" class="news" style="background:#fff">
+      <el-col :span="24" class="news">
         <el-col :span="24" class="topTit" v-if="title">
           <el-col :span="18">
             <span :style="`border-color:${borderColor}`">{{title}}</span>
@@ -35,15 +35,15 @@ export default {
     Color: '#850000',
     dataList: [],
   }),
-  watch:{
-    list:{
-      handler(val){
-        if(val) this.$set(this, `dataList`, val);
+  watch: {
+    list: {
+      handler(val) {
+        if (val) this.$set(this, `dataList`, val);
       },
       immediate: true
     }
   },
-  created() {},
+  created() { },
   computed: {},
   methods: {},
 };
@@ -61,6 +61,8 @@ p {
 }
 .news {
   padding: 10px;
+  background-color: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 0 2px #ccc;
 }
 .topTit {
   border-bottom: 1px solid #ccc;

src/layout/index/link.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="chengguo">
     <el-row>
-      <el-col :span="24" class="news" style="background:#fff">
+      <el-col :span="24" class="news">
         <el-col :span="24" class="topTit">
           <el-col :span="18">
             <span :style="`border-color:${borderColor}`">{{title}}</span>
@@ -32,10 +32,10 @@ export default {
     Color: '#850000',
     dataList: [],
   }),
-  watch:{
-    list:{
-      handler(val){
-        if(val) this.$set(this, `dataList`, val);
+  watch: {
+    list: {
+      handler(val) {
+        if (val) this.$set(this, `dataList`, val);
       },
       immediate: true
     }
@@ -59,6 +59,8 @@ p {
 }
 .news {
   padding: 10px;
+  background-color: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 0 2px #ccc;
 }
 .topTit {
   border-bottom: 1px solid #ccc;