手册版本 V5.0
组件介绍
下拉选择组件可以自动弹出下拉菜单,提供选择功能,常用于页面顶部的筛选、排序等功能的开发;
组件名称
gui-select-menu : /graceUI/组件目录/gui-select-menu
兼容平台
组件属性
属性名称 | 类型 | 默认值 | 作用 |
items | 数组 | ['选项', ......] | 下拉菜单选项 |
titleColor | 字符串 | #2B2E3D | 展示标题颜色 |
color | 字符串 | #2B2E3D | 列表文本默认颜色 |
iconColor | 字符串 | rgba(69, 90, 100, 0.3) | 箭头图标颜色 |
activeColor | 字符串 | #008AFF | 选中项目文本颜色 |
selectIndex | 数值 | 0 | 默认选中的项目索引 |
fontSize | 字符串
| 26rpx | 选项文本大小 |
padding | 字符串 | 0 20rpx nuve : 20rpx | 组件内间距,nvue 支持一个值 |
isH5header | 布尔 | true | h5端专用,如果使用自定义导航,请将此属性修改为 false |
zIndex | 数值 | 9999 | 下拉菜单层级属性 |
isInput | 布尔 | false | 是否开启选项输入功能 |
placeholder | String | 自定义 | 自定义输入框提示文本 |
addBtnName | String | + 添加 | 自定义输入功能按钮名称 |
itemHeight 2021.10.22 新增 | String | 88rpx | 选项列表高度 |
inputType 2022.03.24 新增 | String | add | 输入框功能, add : 添加选项, search : 搜索选项 |
组件事件
showMenu : 点击文本展示菜单时触发
close : 关闭菜单时触发
select : 选项被选择后触发
submit : 输入选项后点击确认按钮触发
组件方法
2021.06.07 新增函数
setCurrentIndex(index) : 设置选中选项,参数 : 索引值;
演示代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。