Button 按钮

基本用法

schema: scope="body" { "label": "弹个框", "type": "button", "actionType": "dialog", "dialog": { "title": "弹框", "body": "这是个简单的弹框。" } }

button 实际上是 action 的别名,更多用法见action

属性表

属性名 类型 默认值 说明
className string 指定添加 button 类名
url string 点击跳转的地址,指定此属性 button 的行为和 a 链接一致
size `’xs’ \ ‘sm’ \ ‘md’ \ ‘lg’ ` 设置按钮大小
actionType `’button’ \ ‘reset’ \ ‘submit’\ ‘clear’\ ‘url’` button 设置按钮类型
level `’link’ \ ‘primary’ \ ‘enhance’ \ ‘secondary’ \ ‘info’\ ‘success’ \ ‘warning’ \ ‘danger’ \ ‘light’\ ‘dark’ \ ‘default’` default 设置按钮样式
tooltip `’string’ \ ‘TooltipObject’` 气泡提示内容
tooltipPlacement `’top’ \ ‘right’ \ ‘bottom’ \ ‘left’ ` top 气泡框位置器
tooltipTrigger `’hover’ \ ‘focus’` 触发 tootip
disabled 'boolean' false 按钮失效状态
block 'boolean' false 将按钮宽度调整为其父宽度的选项
loading 'boolean' false 显示按钮 loading 效果
loadingOn 'string' 显示按钮 loading 表达式