更新记录
1.0.1(2026-05-29)
下载此版本
修复样式问题
1.0.0(2026-05-29)
下载此版本
初次上传
平台兼容性
uni-app x(4.51)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| √ |
√ |
√ |
√ |
√ |
√ |
其他
CSS颜色
| 样式名 |
说明 |
| --mxz-border-color |
默认边框颜色 |
| --mxz-color-default |
默认文字颜色 |
| --mxz-color-white |
默认背景颜色 |
API
更多属性请参考官方文档uni-app x Button 组件
| 属性名 |
说明 |
类型 |
默认值 |
| type |
按钮类型,可选值:primary |
String |
default |
| size |
按钮尺寸大小,可选值mini、small、default、large |
String |
default |
| icon |
是否添加图标,内部不提供图标,请自定搭配插槽显示 |
Boolean |
false |
| iconFamily |
添加图标前缀类名 |
Boolean |
false |
| iconSize |
图标大小 |
Boolean |
false |
| plain |
镂空按钮 |
Boolean |
false |
| loading |
加载显示 |
Boolean |
false |
| disabled |
禁用按钮 |
Boolean |
false |
| circle |
正圆形按钮 |
Boolean |
false |
| round |
椭圆形按钮 |
Boolean |
false |
| customClass |
自定义类名 |
String |
- |
| customStyle |
自定义样式 |
String |
- |
| color |
自定义按钮样式 |
String |
- |
| light |
按钮淡色背景 |
Boolean |
false |
| text |
文字按钮 |
Boolean |
false |
| buttonTextColor |
文字颜色按钮,请搭配color使用 |
String |
#FFFFFF |
| dark |
是否开启暗色模式 |
Boolean |
false |
插槽
| 插槽名 |
说明 |
| default |
默认插槽 |
| icon |
图标插槽 |
| loading |
加载插槽 |