配置文件中加入底部信息配置

src/layout/components/AppMain.vue

@@ -1,11 +1,18 @@
 <template>
-  <section class="app-main">
-    <transition name="fade-transform" mode="out-in">
-      <keep-alive :include="cachedViews">
-        <router-view :key="key"/>
-      </keep-alive>
-    </transition>
-  </section>
+  <div>
+    <section class="app-main">
+      <transition name="fade-transform" mode="out-in">
+        <keep-alive :include="cachedViews">
+          <router-view :key="key"/>
+        </keep-alive>
+      </transition>
+    </section>
+    <div v-if="$store.state.settings.showFooter" id="el-main-footer">
+      <span v-html="$store.state.settings.footerTxt"/>
+      <span> ⋅ </span>
+      <a href="http://www.beian.miit.gov.cn" target="_blank">{{ $store.state.settings.caseNumber }}</a>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -29,6 +36,7 @@ export default {
     min-height: calc(100vh - 84px);
     width: 100%;
     position: relative;
+    padding-bottom: 18px;
     overflow: hidden;
   }