+
+
+
+
+
+
diff --git a/src/components/view-card/index.vue b/src/components/view-card/index.vue
new file mode 100644
index 0000000..7c9c6b8
--- /dev/null
+++ b/src/components/view-card/index.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/LayoutHeader.vue b/src/layout/LayoutHeader.vue
new file mode 100644
index 0000000..577280c
--- /dev/null
+++ b/src/layout/LayoutHeader.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ onlyOneChild.meta.title }}
+
+
+
+
+
+
+
+
+ {{ item.meta.title }}
+
+
+
+
+
+
+
diff --git a/src/layout/sidebar/SidebarLogo.vue b/src/layout/sidebar/SidebarLogo.vue
new file mode 100644
index 0000000..49368c1
--- /dev/null
+++ b/src/layout/sidebar/SidebarLogo.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+ ![Sidebar Logo]()
+
+
+ ![Sidebar Logo]()
+
+
+
+
+
+
diff --git a/src/layout/sidebar/SidebarToggleButton.vue b/src/layout/sidebar/SidebarToggleButton.vue
new file mode 100644
index 0000000..913e6e9
--- /dev/null
+++ b/src/layout/sidebar/SidebarToggleButton.vue
@@ -0,0 +1,26 @@
+
+ 首页
+
+
+
+
+
diff --git a/src/views/error-page/403.vue b/src/views/error-page/403.vue
new file mode 100644
index 0000000..d3e2d3f
--- /dev/null
+++ b/src/views/error-page/403.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
+ 回到首页
+
+
+
+
+
diff --git a/src/views/router-demo/RouterDetail.vue b/src/views/router-demo/RouterDetail.vue
new file mode 100644
index 0000000..fa80124
--- /dev/null
+++ b/src/views/router-demo/RouterDetail.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+ 缓存当前页面的组件，路由设置cache: true
+ 例子： +
+ {
+ path: "keep-alive",
+ component: () => import("@/business/router-demo/RouterKeepAlive"),
+ name: "RouterKeepAlive",
+ meta: {
+ title: "route.router_keep_alive",
+ }
+ },
+ {
+ path: "keep-alive-detail",
+ component: () => import("@/business/router-demo/RouterKeepAliveDetail"),
+ name: "RouterKeepAliveDetail", // cache: true时，必须保证name与component中的name一致
+ hidden: true,
+ meta: {
+ cache: true,
+ activeMenu: "/router-demo/menu"
+ }
+ }
+
+ + 该组件没有缓存，在输入框内填写文本，然后打开详情页，再返回该页面，可以看到输入框内容为空。 +
+打开详情页时可以在控制台里看到destroyed触发，说明组件已销毁，没有缓存
++ 该组件设置了缓存，在输入框内填写加文本，然后点击返回，再重新打开该页面，可以看到输入框的内容还在。 +
++ 返回时控制台里看不到destroyed触发，说明组件缓存了，没有销毁 +
+
+ 左侧菜单是根据路由生成的
+
+ 路由项(例如: 详情页)不想在菜单中显示: meta: { hidden: true }
+
+ 菜单国际化: title: "route.router_demo"
+
+ 详情页关联菜单(高亮显示菜单): activeMenu: "/router-demo/detail"
+
+ 菜单排序: 一级菜单sort: 1 //
+ 从小到大排序，没有sort的自动按modules目录中文件名顺序排序，并且排在有sort属性的后面
+
+ 例子：
+
+ export default {
+ sort: 1,
+ path: "/router-demo",
+ component: Layout,
+ name: "RouterDemo",
+ meta: {
+ title: "route.router_demo",
+ icon: "Share"
+ },
+ children: [
+ {
+ path: "menu",
+ component: () => import("@/business/router-demo/RouterMenu.vue"),
+ name: "RouterMenu",
+ meta: {
+ title: "route.router_menu",
+ }
+ },
+ {
+ path: "detail",
+ component: () => import("@/business/router-demo/RouterDetail.vue"),
+ name: "RouterDetail",
+ meta: {
+ activeMenu: "/router-demo/menu",
+ hidden: true,
+ }
+ },
+ ]
+ }
+
+