diff --git "a/33\347\211\233\346\226\207\350\275\251/20230508-\345\233\276\346\240\207\346\227\213\350\275\254.md" "b/33\347\211\233\346\226\207\350\275\251/20230508-\345\233\276\346\240\207\346\227\213\350\275\254.md" new file mode 100644 index 0000000000000000000000000000000000000000..afe47cec64c95c63470e86ff89ba2267fb54ff41 --- /dev/null +++ "b/33\347\211\233\346\226\207\350\275\251/20230508-\345\233\276\346\240\207\346\227\213\350\275\254.md" @@ -0,0 +1,39 @@ +注册所有图标 +您需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。 +``` +// main.ts + +// 如果您正在使用CDN引入,请删除下面一行。 +import * as ElementPlusIconsVue from '@element-plus/icons-vue' + +const app = createApp(App) +for (const [key, component] of Object.entries(ElementPlusIconsVue)) { + app.component(key, component) +} +``` + +Attributes + +``` +属性名:color 说明:svg 的 fill 颜色 类型:string 默认值:继承颜色 +属性名:size 说明:SVG 图标的大小,size x size 类型:number / string 默认值:继承字体大小 +旋转 +``` + +``` + + + + +import { ref, reactive, computed } from 'vue' +const isCollapse = ref(true); +const abc = reactive({ + collapseIcon: true +}) +const iconHandle = function () { + abc.collapseIcon = !abc.collapseIcon + isCollapse.value = !isCollapse.value +}.collapseIcon { + transform: rotate(-90deg); +} +``` \ No newline at end of file diff --git "a/33\347\211\233\346\226\207\350\275\251/20230509-menu\350\276\271\346\241\206.md" "b/33\347\211\233\346\226\207\350\275\251/20230509-menu\350\276\271\346\241\206.md" new file mode 100644 index 0000000000000000000000000000000000000000..7723692a7403ac1c4e63bbdc83a8f28efe71963b --- /dev/null +++ "b/33\347\211\233\346\226\207\350\275\251/20230509-menu\350\276\271\346\241\206.md" @@ -0,0 +1,22 @@ +Menu 菜单 +``` +为网站提供导航功能的菜单。 +顶栏 +左右 +侧栏 +折叠面板 +``` + +Menu Attributes +``` +属性名:collapse 说明:是否水平折叠收起菜单(仅在 mode 为 vertical 时可用) 类型:boolean 默认值:false +属性名:text-color 说明:字体颜色 +属性名:active-text-color 说明:选中菜单栏时字体颜色 +属性名:index 说明:唯一标志 +插槽名:title 说明:自定义标题内容 +事件名:click 说明:点击菜单时的回调函数 +Menu的border-size +.el-menu{ + border-size:solid 1px '选择合适的颜色' +} +``` \ No newline at end of file diff --git "a/33\347\211\233\346\226\207\350\275\251/20230511-\345\270\203\345\261\200.md" "b/33\347\211\233\346\226\207\350\275\251/20230511-\345\270\203\345\261\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..647b295fa56e3e2bd2879a59a60768260e11c753 --- /dev/null +++ "b/33\347\211\233\346\226\207\350\275\251/20230511-\345\270\203\345\261\200.md" @@ -0,0 +1,30 @@ +``` + + +``` \ No newline at end of file diff --git "a/33\347\211\233\346\226\207\350\275\251/20230512-\350\217\234\345\215\225.md" "b/33\347\211\233\346\226\207\350\275\251/20230512-\350\217\234\345\215\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..bb096c860cb6caacbe6d87e204e09adfc2be06d0 --- /dev/null +++ "b/33\347\211\233\346\226\207\350\275\251/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