Merge branch 'zhy' of http://git.luyuan.tk/luyuan/beelink into xbx

src/components/NavBottom.vue

@@ -0,0 +1,80 @@
+<template>
+    <div class="nav-bottom">
+        <div class="nav-container">
+            <div v-for="(item, index) in navArray" :key="index" class="nav-item">{{ item.name }}</div>
+        </div>
+        <div class="copyright">Beelink公司版权所有  2019—2022</div>
+    </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+    name: 'NavBottom',
+    setup(){
+        interface Nav{
+            name: string;
+            route: string;
+        }
+        const navArray: Array<Nav> = [
+            {
+                name: "直播管理",
+                route: ""
+            },
+            {
+                name: "视频管理",
+                route: ""
+            },
+            {
+                name: "订阅者管理",
+                route: ""
+            },
+            {
+                name: "个人中心",
+                route: ""
+            }
+        ]
+        return {
+            navArray
+        }
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.nav-bottom {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    .nav-container {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+        font-size: 10px;
+        font-weight: 500;
+        color: #404040;
+        .nav-item {
+            padding: 0 14px;
+            position: relative;
+            &:not(:last-child)::after {
+                content: "";
+                position: absolute;
+                right: 0px;
+                top: 50%;
+                width: 1px;
+                height: 10px;
+                background: #404040;
+                transform: translate(0, -50%);
+            }
+        }
+    }
+    .copyright {
+        font-size: 9px;
+        font-weight: 500;
+        color: #808080;
+    }
+}
+</style>