更新记录
1.0.0(2025-04-30) 下载此版本
1、初始化提交
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
d-button
DeedUI Button按钮,基于uniapp内置组件Button开发实现,样式参考VantUI,实现多端兼容。 优点:轻量化、拿来即用。不依赖其他组件和公共文件,从而减小代码包体积。
props
| 属性名称 | 数据类型 | 必需 | 默认值 | 说明 |
|---|---|---|---|---|
| type | string | 否 | 按钮类型:default、primary、success、warning、danger |
|
| size | string | 否 | base | 按钮大小:large、normal、small、mini |
| plain | boolean | 否 | false | 是否空心 |
| disabled | boolean | 否 | false | 禁用 |
| loading | boolean | 否 | false | 加载中 |
event
| 事件名称 | 参数 | 说明 |
|---|---|---|
| click | 点击 |
基本用法
<d-button>按钮</d-button>
<d-button type="primary">按钮</d-button>
<d-button type="success">按钮</d-button>
<d-button type="warning">按钮</d-button>
尺寸
设置size属性
<d-button size="small">按钮</d-button>
<d-button size="normal">按钮</d-button>
<d-button size="large">按钮</d-button>
空心
设置plain属性
<d-button type="primary" plain>按钮</d-button>
<d-button type="success" plain>按钮</d-button>
<d-button type="warning" plain>按钮</d-button>
禁用
设置disabled属性
<d-button disabled>按钮</d-button>
<d-button type="primary" disabled>按钮</d-button>
<d-button type="success" disabled>按钮</d-button>
<d-button type="warning" disabled>按钮</d-button>
加载中
设置loading属性
<d-button loading>按钮</d-button>
<d-button type="primary" loading>按钮</d-button>
<d-button type="success" loading>按钮</d-button>
<d-button type="warning" loading>按钮</d-button>
点击事件
<d-button @click="onClick">按钮</d-button>

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 4
赞赏 0
下载 12173706
赞赏 1828
赞赏
京公网安备:11010802035340号