index-list

索引列表组件，可实现类似通讯录效果。组件内节点将被添加到列表上方。

安装

  1. npm install @miniprogram-component-plus/index-list

在页面 page.json 中

  1. // page.json
  2. {
  3.     "usingComponents": {
  4.         "mp-index-list": "@miniprogram-component-plus/index-list"
  5.     }
  6. }

示例代码

属性列表

属性类型默认值必填说明
listArray<listItem>[]是列表数据
vibratedbooleantrue否索引上滑动时是否产生振动，仅 iOS 生效
bindchooseeventhandle否选择列表项, e.detail={name}

listItem 属性列表

属性类型说明
alphastring首字母(大写)
subItemsArray<subItem>子元素集合

subItem 属性列表

属性类型说明
namestring名称

注意事项

  1. demo 中省市信息为模拟数据，开发者可以使用腾讯位置服务提供的 SDK 来获取省市信息。