安装

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]