Bläddra i källkod

feat:菜单新增footer;

zhangchong 1 år sedan
förälder
incheckning
15ee8b57e5
3 ändrade filer med 29 tillägg och 1 borttagningar
  1. 2 0
      src/layout/component/aside.vue
  2. 26 0
      src/layout/footer/footer.vue
  3. 1 1
      src/layout/footer/index.vue

+ 2 - 0
src/layout/component/aside.vue

@@ -6,6 +6,7 @@
 				@mouseleave="onAsideEnterLeave(false)">
 				<Vertical :menuList="state.menuList" />
 			</el-scrollbar>
+      <LayoutFooter />
 		</el-aside>
 	</div>
 </template>
@@ -21,6 +22,7 @@ import mittBus from '/@/utils/mitt';
 // 引入组件
 const Logo = defineAsyncComponent(() => import('/@/layout/logo/index.vue'));
 const Vertical = defineAsyncComponent(() => import('/@/layout/navMenu/vertical.vue'));
+const LayoutFooter = defineAsyncComponent(() => import('/@/layout/footer/footer.vue'));
 // 定义变量内容
 const stores = useRoutesList();
 const storesThemeConfig = useThemeConfig();

+ 26 - 0
src/layout/footer/footer.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="layout-footer pd15">
+    <div class="layout-footer-warp">
+      <el-link href="#" target="_blank" type="info"> 成都丰窝科技有限公司 </el-link>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="layoutFooter">
+// 此处需有内容(注释也得),否则缓存将失败
+</script>
+
+<style scoped lang="scss">
+.layout-footer {
+  width: 100%;
+  display: flex;
+  &-warp {
+    margin: auto;
+    text-align: center;
+    animation: error-num 0.3s ease;
+    :deep(.el-link){
+      //color: var(--el-text-color-secondary);
+    }
+  }
+}
+</style>

+ 1 - 1
src/layout/footer/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="layout-footer pb15">
 		<div class="layout-footer-warp">
-      <el-link href="https://element-plus.org" target="_blank" type="info"> 丰窝科技❤️</el-link>
+      <el-link href="#" target="_blank" type="info"> 丰窝科技❤️</el-link>
 		</div>
 	</div>
 </template>