更新记录
1.0.0(2024-08-01)
下载此版本
添加了新组件
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
介绍
基于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>