gweb_ui
v1.4.2
Published
柜柜4.0UI库
Readme
说明
本仓库封装柜柜通用组件
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|无(不传则是自适应宽度)|否|
