更新

src/layout/detail-layout.vue

@@ -108,7 +108,7 @@ export default {
 .footer {
   float: left;
   width: 100%;
-  height: 64px;
+  height: 160px;
   background-color: #333;
   padding: 0.8rem 0 3rem 0;
 }

src/layout/layout-part/foot.vue

@@ -1,14 +1,18 @@
 <template>
   <div id="foot">
     <el-row class="foot">
-      <el-col :span="24" class="footTit">
-        <p>
-          <span class="text">{{ site.copyright }}</span>
-          <span class="line">|</span>
-          <span class="text">域名备案信息：{{ site.domain }}</span>
-        </p>
+      <el-col :span="24">
+        <p class="text">{{ site.copyright }}</p>
+      </el-col>
+      <el-col :span="24">
+        <p class="text">{{ site.domain }}</p>
+      </el-col>
+      <el-col :sapn="24">
         <p v-html="site.remark"></p>
       </el-col>
+      <el-col :span="24">
+        <el-image :src="image"></el-image>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -20,6 +24,7 @@ export default {
   name: 'foot',
   data: () => ({
     site: {},
+    image: require('@/assets/blue.png'),
   }),
   created() {
     this.search();
@@ -44,35 +49,9 @@ p {
 }
 .foot {
   width: 100%;
-  height: 95px;
+  height: 160px;
   padding: 15px 0;
-}
-.footLink {
-  height: 24px;
-  text-align: center;
-}
-.footLink .el-link {
-  margin: 0 10px 0 0;
-}
-.footTit {
-  height: 24px;
-  text-align: center;
-  color: #606266;
-  font-size: 14px;
-}
-.footTit span {
-  margin: 0 5px 0 5px;
-}
-.footTxt {
-  height: 24px;
+  color: #fff;
   text-align: center;
-  font-size: 14px;
-  color: #606266;
-}
-.footTxt span {
-  margin: 0 10px 0 0;
-}
-/deep/.el-link.el-link--default:hover {
-  color: #606266;
 }
 </style>

src/layout/recruitdetail-layout.vue

@@ -166,7 +166,7 @@ export default {
 .footer {
   float: left;
   width: 100%;
-  height: 64px;
+  height: 160px;
   background-color: #333;
   padding: 0.8rem 0 3rem 0;
 }