DealerSelect组件，根据定位信息自动选择省、市、自进的门店。定位中的省、市显示在第一个位置，并且标注“当前地区”自动传递最近门店选项

安装

新项目用npm init -y命令初始化一下

安装依赖组件

npm install mini-ali-ui --save

安装

npm i dealerselect

使用说法

// ***.json
{
  "usingComponents": {
    "dealer-select": "dealerselect"
  }
}

基本用法

  <dealer-select show="{{showTop}}" listData="{{dealerList}}" location="{{location}}" onClose="onPopupClose" onChange="selectStore" onOpen="openNav"></dealer-select>

数据格式

[
  {
    "province": "浙江",
    "city": "杭州",
    "district": "余杭区",
    "region": "华东一区",
    "dealer": "杭州意通（石祥路）",
    "address": "浙江省杭州市石祥东路479号",
    "longitude": 120.24462,
    "latitude": 30.350663
  },
  {
    "province": "浙江",
    "city": "杭州",
    "district": "萧山区",
    "region": "华东一区",
    "dealer": "杭州意通（萧山）",
    "address": "杭州市萧山区旺园路203号",
    "longitude": 120.297607,
    "latitude": 30.209486
  },
  {
    "province": "浙江",
    "city": "杭州",
    "district": "余杭区",
    "region": "华东一区",
    "dealer": "杭州金诚上通（余杭）",
    "address": "杭州市余杭区良渚街道通益路1316号办公楼1幢南侧一层、二层",
    "longitude": 120.132709,
    "latitude": 30.358146
  },
  ...
]

属性

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | :---| :--- | :-- | :--- | :--- | | show | 显示 | boolean | true/false | false | | title | 标题 | string | - | - | | listData | 数据列表 | array | - | - | | location | 位置信息(用户) | object | - | - | | closeIcon | 关闭图标 | string | - | - |

事件

| 事件名称 | 说明 | 回调参数 | | :---| :--- | :-- | | onChange | 选中值发生变化时触发 | 目前的选中值 | | onOpen | 打开导航 | | | onClose | 关闭面板 | - |