<el-menumode="horizontal" :default-active="selectedIndex" @select="selected" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" style="height:50px; width:auto;"> --> <!-- 垂直导航 --> 垂直导航 <el-menu :default-active="selectedIndex" @select="selected" back...
常用属性: mode:它决定了横向还是纵向的menu,这里的场景是纵向的。 collapse:它提供了折叠的能力,如果为true就直接折叠了,如果为false就不折叠了。这里只有纵向需要折叠,横向是不需要折叠的。 菜单栏有router模式,当你使用router模式的时候,它会将侧边的导航栏和你的pass进行关联,也就是和router下面的pass进行相应的...
在Element Plus组件库中,CSS系统颜色被广泛应用。通过合理地选择系统颜色,组件库能够在不同的操作系统和环境下呈现出一致且美观的界面。此外,系统颜色还可以根据用户的个性化设置进行自动调整,满足用户的个性化需求。 二、暗黑模式 暗黑模式(Dark Mode)是一种用户界面设计风格,它使用深色背景和浅色文本,以减少屏幕对眼睛...
既然使用了typescript 就是想用类型检查等特性,点不出来是不是有些难受,model层也有利于维护代码。 翻了翻npm请求封装,并没有像iOSmoya 这种返回model的库,于是我要写一个能返回model的网络请求。 网络请求封装设计 vue项目绝大多数都是根据axios 进行网络封装,设计思想在网络请求和axios之间增加一层处理model转换,...
<el-menu :collapse="isCollapse" class="el-menu-demo" mode="vertical"> <el-menu-item index="1">选项一</el-menu-item> <el-menu-item index="2">选项二</el-menu-item> <el-menu-item index="3">选项三</el-menu-item> </el-menu> </template> export default { data() { return ...
isCollapse"//是否只保持一个子菜单的展开。:unique-opened="false"//默认选中:default-active="activeMenu"//背景颜色:background-color="variables.menuBg"//文字颜色:text-color="variables.menuText"//文字高亮颜色:active-text-color="menuActiveTextColor"mode="vertical">//单独抽取,方便递归<SidebarItem...
"build:pro": "vue-tsc && vite build --mode production", "preview": "vite preview" }, 1. 2. 3. 4. 5. 6. 通过import.meta.env获取环境变量 5.5SVG图标配置 在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后,页面上加载的不再是图片资源,这对页面性能来说是个很大的提升,而且我们SVG文...
注意: 在这里需要配置legacy: false,不然会报错:Not available in legacy mode (at message-compiler.esm-bundler.js:54:19) en.ts和zh.ts里面就是配置我们对应的中文和英文对应的文本啦 en.ts exportdefault{message:{home:'home',mine:'mine'}}
:default-active="'org'"mode="horizontal"@select="val=> {selectType(val)}"class="tab-wrapper"><es-menu-itemindex="org">{{$t('templateConfig.chooseOrg') }}</es-menu-item><es-menu-itemindex="user">{{$t('templateConfig.chooseUser') }}</es-menu-item>...
--mode test // 打包测试环境 拓展:https://www.jianshu.com/p/3917d97f8b96 18、node版本管理nvm配置过程遇到的问题 mac已安装node的卸载 nvm提示安装失败 nvm安装成功和重启终端后两种情况zsh终端报错 zsh: command not find:nvm 解决方案参考我的另一个文章: https://www.jianshu.com/p/8f79fa2fe035...