初始化

frontend/src/layouts/components/Footer/index.scss

@@ -0,0 +1,13 @@
+.footer {
+  height: 40px;
+  background-color: var(--el-bg-color);
+  border-top: 1px solid var(--el-border-color-light);
+  a {
+    font-size: 14px;
+    color: var(--el-text-color-secondary);
+    text-decoration: none;
+    letter-spacing: 0.5px;
+  }
+
+
+}

frontend/src/layouts/components/Footer/index.vue

@@ -0,0 +1,31 @@
+<template>
+    <div class="footer flx-align-center pl10">
+        <p style="margin: 0">
+            <a href="http://www.shining-electric.com/" target="_blank">2024 Shining Electric Automation Co., Ltd.</a>
+        </p>
+    </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss">
+@use './index.scss';
+
+.footer {
+    position: relative;
+    background-color: var(--el-color-primary);
+
+    p {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        text-align: right;
+        line-height: 40px;
+
+        a {
+            color: #fff;
+            margin-right: 25px;
+        }
+    }
+}
+</style>