之前写的一个后台管理系统的架构的UI框架用的是Element-plus 1.0.2-beta.71,但现在的Element-plus版本最新已经到了2.x了,所以打算升级一下。但其中也遇到了一些坑,这里记录一下。
项目git地址:github.com/wudengyao/a…
坑1:升级之后左侧的el-menu子菜单的写法改变
- element-plus 1.x的写法:el-submenu
- element-plus 2.3.5的写法:el-sub-menu
坑2:升级之后左侧的el-menu子菜单的样式改变
如果你们的项目之前有对el-menu子菜单的样式有一些自定义写法的,那就也需要适配下,
也是在el和sub之间加上“-”号
坑3:升级之后中文包路径修改
坑4:升级之后一些input、button的size变小了,
如果你们之前input、button等的size有用size="samll",把这句去掉就好了,因为升级之后,好像size="samll" 好像变得更小了
-
把size="samll" 去掉后的效果
坑5: Font Icon 向 SVG Icon 迁移
所以之前涉及到Font Icon的最好都改为SVG ICON的形式,
- 更改后的样式及其hover样式
总结
最新项目地址:github.com/wudengyao/a… 暂时就遇到这些问题,有需要补充的,可以下方留言讨论