@mas.io/mas-city-select

安装

tnpm install --save @alipay/mas-city-select

组件介绍

行业小程序城市区域选择组件

参数说明

参数	说明	类型	是否必传	默认值
show	是否展示城市组件	Boolean	否	false
list	城市选择列表数据	ArrayCityList>	否	默认城市数据
level	展示层级数目	Number	否	2
title	弹窗标题	string	否	'城市选择'
customDataBefore	自定义的数据	Array	否	[]
selectedItem	默认选中的城市区域	数组	否	空数组
onSelect	选中地区回调函数	Function	否	空函数
onClose	关闭时回调函数	Function	否	空函数

list 数据结构

list: [
  {
    name: '第一级',
    id: '1',
    subList: [
      {
        name: '第二级',
        id: '2',
        subList: [
          {
            name: '第三级',
            id: '3',
          },
        ],
      },
    ],
  },
]

在小程序中使用

{
  "usingComponents": {
    "city-select": "@alipay/mas-city-select/es/index"
  }
}

在 page.axml 中引用组件

<city-select 
  show="{{show}}"
  list="{{list}}"
  selectedItem="{{selectedItem}}" 
  onSelect="onSelectSuccess" 
  onClose="closeSelect"
  customDataBefore="{{customDataBefore}}"
/>

Badges

[![install size][install-size-image]][install-size-url]

---