add icon

2021-11-20 15:27:33 +08:00
parent ce4df3f151
commit f89c283834
3 changed files with 15 additions and 18 deletions
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -12,6 +12,12 @@
          <a-menu-item key="3">
            <MenuUnfoldOutlined /> 下载列表
          </a-menu-item>
+          <a-menu-item key="4">
+            <CheckCircleOutlined />订阅列表
+          </a-menu-item>
+          <a-menu-item key="5">
+            <EditOutlined /> 番剧管理
+          </a-menu-item>
        </a-sub-menu>
        <a-menu-item key="2">
          <TeamOutlined />
@@ -32,26 +38,17 @@
    </a-layout>
  </a-layout>
 </template>
-<script lang="ts">
+<script lang="ts" setup>
 import {
  DownloadOutlined,
  TeamOutlined,
-  MenuUnfoldOutlined
+  MenuUnfoldOutlined,
+  CheckCircleOutlined,
+  EditOutlined
 } from '@ant-design/icons-vue';
-import { defineComponent, ref } from 'vue';
-export default defineComponent({
-  components: {
-    DownloadOutlined,
-    TeamOutlined,
-    MenuUnfoldOutlined
-  },
-  data() {
-    return {
-      collapsed: ref<boolean>(false),
-      selectedKeys: ref<string[]>(['1']),
-    };
-  },
-});
+import {  ref } from 'vue';
+  const collapsed = ref(false)
+  const selectedKeys = ref(['1'])
 </script>
 <style>
 #components-layout-demo-side .logo {
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -5,7 +5,7 @@ const router = createRouter({
    history: createWebHistory(),
    routes: [{
        path: "/",
-        component: () => import("../views/index.vue")
+        component: () => import("../layout/index.vue")
    }]
 })