diff --git "a/41\345\274\240\347\205\234/20230509-Element-Menu\347\232\204\350\276\271\346\241\206\350\256\276\347\275\256.md" "b/41\345\274\240\347\205\234/20230509-Element-Menu\347\232\204\350\276\271\346\241\206\350\256\276\347\275\256.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7b8a9dc5feeb832689331a607f6ce7e3e7112b1b
--- /dev/null
+++ "b/41\345\274\240\347\205\234/20230509-Element-Menu\347\232\204\350\276\271\346\241\206\350\256\276\347\275\256.md"
@@ -0,0 +1,24 @@
+# Menu 菜单
+
+* 为网站提供导航功能的菜单。
+
+1. 顶栏
+2. 左右
+3. 侧栏
+4. 折叠面板
+
+# Menu Attributes
+
+* 属性名：collapse  说明：是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）  类型：boolean   默认值：false
+* 属性名：text-color    说明：字体颜色
+* 属性名:active-text-color  说明：选中菜单栏时字体颜色
+* 属性名：index 说明：唯一标志	
+* 插槽名：title 说明：自定义标题内容
+* 事件名：click 说明：点击菜单时的回调函数
+
+# Menu的border-size
+```
+.el-menu{
+    border-size:solid 1px '选择合适的颜色'
+}
+```
diff --git "a/41\345\274\240\347\205\234/20230511-\345\270\203\345\261\200.md" "b/41\345\274\240\347\205\234/20230511-\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..f403e1ae311d3ae2ee9511b085a8135c4480bb9d
--- /dev/null
+++ "b/41\345\274\240\347\205\234/20230511-\345\270\203\345\261\200.md"
@@ -0,0 +1,30 @@
+```
+<template>
+        <!-- 遍历传入的菜单数组 -->
+        <template v-for="menu in itemMenus">
+            <!-- 当前菜单对象如果有下级菜单，即有children属性，并且children的长度大于0，则需要使用组件中的子菜单组件el-sub-menu -->
+            <el-sub-menu v-if="menu.children && menu.children.length > 0" :index="menu.title">
+                <template #title>
+                    <el-icon>
+                        <component v-if="menu.meta && menu.meta.icon" :is="menu.meta.icon"></component>
+                        <setting v-else></setting>
+                    </el-icon>
+                    {{ menu.title }}
+                </template>
+                <!-- 重复自己 -->
+                <NavbarItem :item-menus="menu.children"></NavbarItem>
+            </el-sub-menu>
+            <el-menu-item v-else :index="menu.title">
+                <el-icon>
+                    <component v-if="menu.meta && menu.meta.icon" :is="menu.meta.icon"></component>
+                    <setting v-else></setting>
+                </el-icon>
+                {{ menu.title }}
+            </el-menu-item>
+        </template>
+</template>
+<script setup>
+const props = defineProps(['itemMenus'])
+
+</script>
+```
\ No newline at end of file
diff --git "a/41\345\274\240\347\205\234/20230512-\350\217\234\345\215\225.md" "b/41\345\274\240\347\205\234/20230512-\350\217\234\345\215\225.md"
new file mode 100644
index 0000000000000000000000000000000000000000..da5d4fe6ee2cc746b032644c6f12151417456f5f
--- /dev/null
+++ "b/41\345\274\240\347\205\234/20230512-\350\217\234\345\215\225.md"
@@ -0,0 +1,16 @@
+```
+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