内容简介:HeyUI :一个基于Vue.js的高质量UI组件库 新版本v1.16.0 1、Col 重命名为 Cell 其实一开始定义Grid组件的时候,命名是参考iview, element, ant的,Grid组件分为 Row, Col两个子组件。 但是,其实Col和 table 中的...
HeyUI :一个基于Vue.js的高质量UI组件库
新版本v1.16.0
1、Col 重命名为 Cell
其实一开始定义Grid组件的时候,命名是参考iview, element, ant的,Grid组件分为 Row, Col两个子组件。
但是,其实Col和 table 中的 col 标签是存在命名重复的问题,这样会一直导致vscode编辑器对Col进行报错。
原因是由于 html中 col 标签是默认关闭的标签: <col width="60%"/>
而一般开发人员为了避免这个bug,需要设置 “vetur.validation.template”: true 才能解决。
其实,真实开发的过程中,我是不建议修改此项配置的,所以以后,Col 重命名为 Cell, Col组件 依旧向下兼容支持。
2、添加 var.js 文件
由于 vue-cli 3.0 已经支持less全局变量的功能了,HeyUI组件库支持 var.js 文件
const globalVars = require('./src/css/var.js')
module.exports = {
css: {
loaderOptions: {
less: {
globalVars
}
}
}
}
通过在 vue.config.js 配置以上配置,即可全局使用less全局变量。
具体应用可以参考 https://github.com/heyui/heyui-admin 项目
3、重构Table组件
由于vue@2.6升级后,对$slots, $scopedSlots进行了结果上了修改,这样就导致HeyUI table组件产生了bug,并且也由于之前的结合设计不是很合理,此次针对Table组件直接进行了重构。
4、其他Fix
- Menu: 添加 @menu-white-background-color (726f58f)
- Menu: 删除初始化menu size (9568d16)
- Layout: 修复宽度自动撑开的问题 (a768578)
- Avatar: 添加 background-position (0f31d7f)
- Pagination: 监听 prop,size 属性(f716622)
HeyUI Admin 系统即将上线:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- Hyperf 发布 v1.0.7 组件更新
- uiw 3.5.1 发布,更新图标组件
- 码良之笔更新,新增组件商城功能
- Vue 组件库 HeyUI@1.16.0 更新日志
- avue 1.2.3 版本更新,新增了一些辅助组件
- avue 1.2.3 版本更新,新增了一些辅助组件
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。