diff --git "a/04\347\216\213\345\217\213\346\236\227/20230505-Element-Plus\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md" "b/04\347\216\213\345\217\213\346\236\227/20230505-Element-Plus\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
index 18cb6c7d642a5e6643754a3af5f3ce81ec4be064..48af8611f74b31af853630ad141249d3e21aaab6 100644
--- "a/04\347\216\213\345\217\213\346\236\227/20230505-Element-Plus\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
+++ "b/04\347\216\213\345\217\213\346\236\227/20230505-Element-Plus\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
@@ -277,8 +277,8 @@ const menus = reactive([
### main.js
```js
-import './assets/main.css'
+import './assets/main.css'
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
diff --git "a/04\347\216\213\345\217\213\346\236\227/20230508-\350\276\271\346\241\206\345\222\214\345\270\203\345\261\200.md" "b/04\347\216\213\345\217\213\346\236\227/20230508-\350\276\271\346\241\206\345\222\214\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2710dfab16f8e28341dcf517a00b795096d48d87
--- /dev/null
+++ "b/04\347\216\213\345\217\213\346\236\227/20230508-\350\276\271\346\241\206\345\222\214\345\270\203\345\261\200.md"
@@ -0,0 +1,338 @@
+## 一、边框和布局
+### components里的文件夹MenuBar里的lndex.vue
+```html
+
+
+
+
+
+
+
+
+
+
+```
+
+### components里的文件夹MenuBar里的Menultem.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+```
+
+### components里的Applcon.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+### HelloWorld.vue
+```html
+
+
+
+
+
+
+
+
+```
+
+### components里的Home.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Main
+
+ Footer
+
+
+
+
+
+
+
+
+```
+
+### components里的SlideMenu.vue
+```html
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+ {{ subMenu.title }}
+
+
+ {{ subSubMenu.title }}
+
+
+ {{ subSubMenu.title }}
+
+
+ {{ subMenu.title }}
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+
+```
+
+### App.vue
+```html
+
+
+
+
+```
+
+### main.js
+```js
+import { createApp } from 'vue'
+// import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+
+
+const app = createApp(App)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+app.use(ElementPlus)
+
+app.mount('#app')
+```
\ No newline at end of file
diff --git "a/04\347\216\213\345\217\213\346\236\227/20230509-icon\345\233\276\346\240\207.md" "b/04\347\216\213\345\217\213\346\236\227/20230509-icon\345\233\276\346\240\207.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8f2c78442610086aa8b94323378983fce98acfe4
--- /dev/null
+++ "b/04\347\216\213\345\217\213\346\236\227/20230509-icon\345\233\276\346\240\207.md"
@@ -0,0 +1,373 @@
+## 一、icon图标
+### components里的文件夹MenuBar里的lndex.vue
+```html
+
+
+
+
+
+
+
+
+
+
+```
+
+### components里的文件夹MenuBar里的Menultem.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+```
+
+### components里的Applcon.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+### HelloWorld.vue
+```html
+
+
+
+
+
+
+
+
+```
+
+### components里的Home.vue
+```html
+
+
+
+
+
+```
+
+### components里的SlideMenu.vue
+```html
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+ {{ subMenu.title }}
+
+
+ {{ subSubMenu.title }}
+
+
+ {{ subSubMenu.title }}
+
+
+ {{ subMenu.title }}
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+
+```
+
+### App.vue
+```html
+
+
+
+
+```
+
+### main.js
+```js
+import { createApp } from 'vue'
+// import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+
+
+const app = createApp(App)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+app.use(ElementPlus)
+
+app.mount('#app')
+```
\ No newline at end of file
diff --git "a/04\347\216\213\345\217\213\346\236\227/20230511-layout\345\270\203\345\261\200.md" "b/04\347\216\213\345\217\213\346\236\227/20230511-layout\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a5baa205b7753132e3d2ad00ba6b0ee75ed9490c
--- /dev/null
+++ "b/04\347\216\213\345\217\213\346\236\227/20230511-layout\345\270\203\345\261\200.md"
@@ -0,0 +1,410 @@
+## 一、layout布局
+### components里的文件夹MenuBar里的lndex.vue
+```html
+
+
+
+
+
+
+
+
+
+```
+
+### components里的文件夹MenuBar里的Menultem.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.meta.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.meta.title }}
+
+
+
+
+
+
+```
+
+### components里的Layout.vue
+```html
+
+
+
+
+
+```
+
+### router里的index.js
+```js
+import { createRouter, createWebHistory } from 'vue-router'
+import routes from './routes'
+
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes
+})
+
+export default router
+```
+### router里的routes.js
+```js
+import Layout from '../components/Layout.vue'
+
+const routes = [
+ {
+ path: '/',
+ component: Layout,
+ meta: {
+ title: '主页',
+ icon: '',
+ hidden: true
+ },
+ children: [
+ {
+ path: '',
+ meta: { icon: '', title: '仪表盘' },
+ component: () => import('../views/Home.vue')
+ }
+ ]
+ },
+ {
+ path: '/setting',
+ component: Layout,
+ meta: { icon: 'setting', title: '系统设置' },
+ children: [
+ {
+ path: 'user',
+ meta: { icon: 'user', title: '用户管理' },
+ component: () => import('../views/User.vue')
+ },
+ {
+ path: 'role',
+ meta: { icon: 'user', title: '角色管理' },
+ component: () => import('../views/Role.vue')
+ },
+ {
+ path: 'permission',
+ meta: { icon: 'user', title: '权限管理' },
+ component: () => import('../views/Permission.vue')
+ },
+ {
+ path: 'dict',
+ meta: { icon: 'user', title: '字典管理' },
+ component: () => import('../views/Dict.vue')
+ },
+ ]
+ }
+]
+
+export default routes
+```
+### views里的Dep.vue
+```html
+
+ 部门
+
+```
+### views里的Dict.vue
+```html
+
+ 字典
+
+```
+### views里的Home.vue
+```html
+
+ 我是主页
+
+```
+### views里的Info.vue
+```html
+
+ 个人中心
+
+```
+### views里的Permission.vue
+```html
+
+ 权限
+
+```
+### views里的Role.vue
+```html
+
+ 角色
+
+```
+### views里的User.vue
+```html
+
+ 用户
+
+```
+
+### App.vue
+```html
+
+
+
+
+```
+
+### main.js
+```js
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+import router from './router'
+
+
+
+
+const app = createApp(App)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+app.use(ElementPlus)
+
+app.use(router)
+
+app.mount('#app')
+```
diff --git "a/04\347\216\213\345\217\213\346\236\227/20230512-\350\217\234\345\215\225Menu.md" "b/04\347\216\213\345\217\213\346\236\227/20230512-\350\217\234\345\215\225Menu.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6e9d77aa950ba6b3189e6f8a03a54f750666548b
--- /dev/null
+++ "b/04\347\216\213\345\217\213\346\236\227/20230512-\350\217\234\345\215\225Menu.md"
@@ -0,0 +1,410 @@
+## 一、菜单Mune
+### components里的文件夹MenuBar里的lndex.vue
+```html
+
+
+
+
+
+
+
+
+
+```
+
+### components里的文件夹MenuBar里的Menultem.vue
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.meta.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.meta.title }}
+
+
+
+
+
+
+```
+
+### components里的Layout.vue
+```html
+
+
+
+
+
+```
+
+### router里的index.js
+```js
+import { createRouter, createWebHistory } from 'vue-router'
+import routes from './routes'
+
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes
+})
+
+export default router
+```
+### router里的routes.js
+```js
+import Layout from '../components/Layout.vue'
+
+const routes = [
+ {
+ path: '/',
+ component: Layout,
+ meta: {
+ title: '主页',
+ icon: '',
+ hidden: true
+ },
+ children: [
+ {
+ path: '',
+ meta: { icon: '', title: '仪表盘' },
+ component: () => import('../views/Home.vue')
+ }
+ ]
+ },
+ {
+ path: '/setting',
+ component: Layout,
+ meta: { icon: 'setting', title: '系统设置' },
+ children: [
+ {
+ path: 'user',
+ meta: { icon: 'user', title: '用户管理' },
+ component: () => import('../views/User.vue')
+ },
+ {
+ path: 'role',
+ meta: { icon: 'user', title: '角色管理' },
+ component: () => import('../views/Role.vue')
+ },
+ {
+ path: 'permission',
+ meta: { icon: 'user', title: '权限管理' },
+ component: () => import('../views/Permission.vue')
+ },
+ {
+ path: 'dict',
+ meta: { icon: 'user', title: '字典管理' },
+ component: () => import('../views/Dict.vue')
+ },
+ ]
+ }
+]
+
+export default routes
+```
+### views里的Dep.vue
+```html
+
+ 部门
+
+```
+### views里的Dict.vue
+```html
+
+ 字典
+
+```
+### views里的Home.vue
+```html
+
+ 我是主页
+
+```
+### views里的Info.vue
+```html
+
+ 个人中心
+
+```
+### views里的Permission.vue
+```html
+
+ 权限
+
+```
+### views里的Role.vue
+```html
+
+ 角色
+
+```
+### views里的User.vue
+```html
+
+ 用户
+
+```
+
+### App.vue
+```html
+
+
+
+
+```
+
+### main.js
+```js
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+import router from './router'
+
+
+
+
+const app = createApp(App)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}
+app.use(ElementPlus)
+
+app.use(router)
+
+app.mount('#app')
+```