feat: card list demo (#242)

src/router/index.ts

@@ -30,6 +30,7 @@ import {
 
 import homeRouter from "./modules/home";
 import ableRouter from "./modules/able";
+import listRouter from "./modules/list";
 import aboutRouter from "./modules/about";
 import errorRouter from "./modules/error";
 import guideRouter from "./modules/guide";
@@ -44,6 +45,7 @@ import componentsRouter from "./modules/components";
 const routes = [
   homeRouter,
   ableRouter,
+  listRouter,
   aboutRouter,
   errorRouter,
   guideRouter,

src/router/modules/about.ts

@@ -9,7 +9,7 @@ const aboutRouter = {
     icon: "question-line",
     title: $t("menus.hsAbout"),
     i18n: true,
-    rank: 14
+    rank: 15
   },
   children: [
     {

src/router/modules/guide.ts

@@ -9,7 +9,7 @@ const guideRouter = {
     icon: "guide",
     title: $t("menus.hsguide"),
     i18n: true,
-    rank: 13
+    rank: 14
   },
   children: [
     {

src/router/modules/list.ts

@@ -0,0 +1,28 @@
+import { $t } from "/@/plugins/i18n";
+const Layout = () => import("/@/layout/index.vue");
+
+const ableRouter = {
+  path: "/list",
+  component: Layout,
+  redirect: "/list/card",
+  meta: {
+    icon: "list-check",
+    title: $t("menus.list"),
+    i18n: true,
+    rank: 12
+  },
+  children: [
+    {
+      path: "/list/card",
+      name: "listCard",
+      component: () => import("/@/views/list/card/index.vue"),
+      meta: {
+        title: $t("menus.listCard"),
+        i18n: true,
+        showParent: true
+      }
+    }
+  ]
+};
+
+export default ableRouter;