iasf页脚背景

src/layouts/footer/index.vue

@@ -2,6 +2,8 @@
   <div>
     <div v-if="showDefaultPath.includes($route.path)"
          :class="['footer', {iasf: isIasf}]">
+      <template v-if="isIasf">
+        <div class="mask"></div>
         <ul v-if="isIasf"
             class="entry">
           <li :class="{'cursor-pointer': isLink(modules[13].form.link.linkName)}"
@@ -40,7 +42,8 @@
             <p class="text">{{ modules[18].form.title }}</p>
           </li>
         </ul>
-
+      </template>
+      <div class="relative">
         <div class="info">
           <div class="leftBox">
             <img class="m-b-20"
@@ -64,6 +67,7 @@
         </div>
         <a class="copyright">粤ICP备2020131940号 粤公安网34565432456765432号</a>
       </div>
+    </div>
 
     <div v-if="showContactPath.includes($route.path)"
          class="contact">
@@ -247,13 +251,11 @@ export default {
     margin-right: 100px;
 }
 .footer {
+    position: relative;
     padding: 64px 20% 25px;
     color: #fff;
     background-color: #091733;
     overflow: hidden;
-    &.iasf {
-        padding-top: 50px;
-    }
     .info {
         display: flex;
     }
@@ -283,8 +285,27 @@ export default {
         font-size: 14px;
         color: #6d7384;
     }
+    &.iasf {
+        padding-top: 50px;
+        background: url(http://10.10.11.7/images/iasf/footer.jpg) 0 -400px/100% auto no-repeat;
+        background-color: #091733;
+        .children {
+            li {
+                color: #fff;
+            }
+        }
+        .mask {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            background-color: rgba(0, 0, 0, 0.6);
+        }
+    }
 }
 .entry {
+    position: relative;
     display: flex;
     justify-content: space-between;
     margin-bottom: 100px;