更新记录
1.0.0(2024-08-01) 下载此版本
添加了新组件
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 蒸汽模式 |
|---|---|---|---|
| × | × | √ | × |
介绍
基于uni-app开发的简单下拉选择组件,已用于生产环境 如有bug可联系我维护,对于ui的扩展性,可以根据自身需求修改源码。
注意事项:本组件依赖uni-icons组件和scss插件,使用前请确保已安装有uni-icons官方图标组件以及scss插件,如不需要可自行修改源码。
props 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必须 |
|---|---|---|---|---|---|
| list | 数据内容 | Array | -- | [] | 是 |
| name | 对应value key名 | String | -- | name | 否 |
| scrollHeight | 滚动区域高度(单位rpx) | Number | - | 200 | 否 |
| size | 文字大小(单位rpx) | Number | -- | 26 | 否 |
| color | 文字颜色 | String | - | #000 | 否 |
| backgroundColor | 背景颜色 | String | -- | rgba(255,255,255,0.3) | 否 |
| textAlign | 弹窗列表文字对齐方式 | String | left,center,right | left | 否 |
chang 事件
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必须 |
|---|---|---|---|---|---|
| @change | 选择选项后触发$emit事件 | Function | (item,index)=>{} | -- | 否 |
change 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| item | item | Object | -- | 无 |
| index | 选择的下标 | Number | -- | 无 |
示例
<dgz-selection :list="list"></dgz-selection>

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 14
赞赏 0
下载 12749810
赞赏 1959
赞赏
京公网安备:11010802035340号