用于开始一个即时操作
标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
publicId | string | 否 | - | 生活号 id,必须是当前小程序同主体且已关联的生活号,open-type="lifestyle" 时有效。 |
openType | string | 否 | - | 开放能力。 |
scope | string | 否 | - | 当 openType 为 getAuthorize 时有效。 |
type | 'default' | 'primary' | 'warn' | 'danger' | 'success' | 'light' | 否 | 'default' | 按钮类型 default=辅助按钮 primary=品牌色按钮 warn=警示按钮 danger=危险按钮 success=成功按钮 light=弱按钮 |
fill | 'outline' | 'solid' | 'none' | 否 | 'solid' | 填充样式 |
disabled | boolean | 否 | false | 是否禁用 |
activeClassName | string | 否 | - | 按下时的类名 |
subText | string | 否 | - | 辅助文字,显示在第二行 |
inline | boolean | 否 | false | 内联,不撑满父级宽度 |
inlineSize | 'small' | 'medium' | 'large' | 'x-large' | 否 | 'medium' | 内联尺寸 |
icon | string | 否 | - | 按钮左侧图标 |
loading | boolean | 否 | false | 是否加载中,加载中时不可点击 |
loadingText | string | 否 | - | 加载中时的文字 |
htmlType | 'button' | 'submit' | 'reset' | 否 | 'button' | 按钮原生类型,在表单提交时有效 |
stopPropagation | boolean | 否 | false | 是否阻止事件冒泡 |
mode | string | 否 | - | 结合表单使用时,设置 mode 值为 'form' |
form | string | 否 | - | 结合表单使用时,需要设置为所在表单组件的 form 值 |
className | string | 否 | - | 类名 |
事件名 | 说明 | 类型 |
---|---|---|
onTap | 点击按钮,触发此回调 | ( e: Event ) => void |
名称 | 说明 |
---|---|
icon | 图标插槽 |
类名 | 说明 |
---|---|
amd-button | 整体样式 |
amd-button-content | 按钮内容样式 |
amd-button-loading-container | 加载区域样式 |
amd-button-loading-text | 加载区域文字样式 |
amd-button-loading | 加载动画样式 |
amd-button-wrap | 加载区域右侧样式 |
amd-button-icon | 图标样式 |
amd-button-text | 按钮文字样式 |
amd-button-subtext | 副标题样式 |