按钮(基础元素)
我们为按钮分配了一个新的元素 ks-btn ,支持属性如下:
属性名介绍
iconstring对应图标名称
cap按钮形状变为胶囊
line按钮类型转为空心
disabled按钮变为禁用状态
sizemini = 最小按钮
small = 小按钮
控制按钮大小
color被支持的 color色标值控制按钮颜色
submit空值或选择器存在该属性时作为一个提交按钮
空值 = 提交对象为按钮所在form
否则提交被选择器选中的表单
利用该属性可以摆脱使用button元素
reset空值或选择器存在该属性时作为一个重置按钮
空值 = 提交对象为按钮所在form/ks-form
否则提交被选择器选中的表单
利用该属性可以摆脱使用button元素
默认状态
按钮的颜色请用 color 属性进行控制
样式可以在任何标签上使用(a标签有加强)
多种类型
cap = 胶囊
line = 空心
胶囊按钮(椭圆)
默认空心按钮
空心胶囊按钮
图标 icon
添加图标属性 icon="*"
尺寸
按钮尺寸无法满足要求时,请自定义style或者附加class,禁止直接改写ks-btn
禁用状态
disabled 属性表示禁用
整行按钮
附加属性 block
加载中(loading)
添加图标属性 icon="loading"
按钮组
使用 ks-btn-group 标签将按钮合并为一组
ks-btn-group 支持 cap/line/color属性