1.0.0 • Published 3 years ago
@mas.io/mas-city-select v1.0.0
安装
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}}"
/>