用于开始一个即时操作
标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑
| 属性 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| 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 | 副标题样式 |