Gweb_ui NPM | npm.io

1.4.2 • Published 3 years ago

Install

Weekly downloads

86

License

ISC

Repository

Last release

3 years ago

说明

本仓库封装柜柜通用组件

egButton标签按钮

参数	说明	类型	默认值
color	设定字体颜色	string	#000
borderColor	设置边框颜色	string	#000
disabled	是否可以点击	boolean	false
radius	是否圆角按钮并为其设置圆角尺寸	String	无
padding	设置边框内边距(等同于css样式书写,不用带单位)	string	5 10
bgColor	设置背景颜色	string	无
icon	按钮为字体图标时设置字体图标(为字体图标类名)	string	无

完整示例

<eg-button color='#f60' borderColor='#f00' disabled radius='5' padding='10 10 10 10' bgColor='#00f' icon='iconfont iconbuilding'></eg-button>

egTable标签表格

前提: 如果要添加自定义的列, 目前只支持自定义列的内容都为同一个内容, 例如都为删除按钮

参数	说明	类型	默认值	是否必传
tableData	所要渲染的表格	array	无	是
columns	所要渲染的表格表头(数组格式请参考示例)	array	无	是
selection	是否需要多选列	boolean	false	否
isCheck	是否需要多选	boolean	false	否
height	规定表格高度	String	无	否

方法说明

方法名	说明	参数
callback	为操作按钮添加点击的回调函数	row(当前行)
checked	当用户手动勾选全选 Checkbox 时触发的事件	selection(所有被选中的数组), row(选中的当前列)
cellClick	当用户点击单元格时触发的事件	row(当前行), props(当前点击的对应的字段名)

cellClick可以通过判断props来判断你当前点击的是哪一列的数据, 这样就可以实现为某一列的所有数据添加同一个事件

columns的参数说明

参数	说明	类型	默认值	是否必传
title	表头名字	string	无	是
props	所要渲染的数据对应的字段名	string	无	是
component	所要添加的自定义内容	string	无	否
width	每个列表的宽度	string	无(不传则是自适应宽度)	否

babel-loader element-ui gweb_common gweb_tools json-templater vue webpack

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago