更新记录
1.0.0(2025-04-30) 下载此版本
1、初始化提交
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
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>