ChooseCity

全国城市选择器 / ChooseCity组件

简述

选择城市的组件,如果开启定位则可定位当前的城市,这个组件只选择城市,如果需要三级城市联动的话,请参考city-picker组件。

来源

因为这个组件在Alipay和天猫淘宝都出现过,因此,对于 ALipay 将调用原生组件,如果是在其余平台将调用H5组件,且传参功能点完全相同。因此, 如果是在支付宝模式, 且设置了Bridge, 则自动开自支付宝的UI控件, 具体参考Demo.

源码:

用法 / Usages

import { ChooseCity } from 'vimo'

function openCitySelector () {
   let _this = this
   ChooseCity.present({
     showLocatedCity: true,
     onDismiss (data) {
       console.log(data)
     }
   })
 }

方法 / Methods

(inner) present(options)

源码:

开启ChooseCity组件

参数 / Parameters:
Name Type Description
options Boolean

传入参数

Properties
Name Type Attributes Default Description
showLocatedCity Boolean <optional>
false

是否显示当前定位城市,默认 false

showHotCities Boolean <optional>
true

是否显示热门城市,默认 true

cities Array <optional>

城市数据,默认 本地数据

Properties
Name Type Attributes Description
city Array <optional>

城市名称

adCode Array <optional>

城市编码

spell Array <optional>

城市拼音

hotCities Array <optional>

热门城市,默认 本地数据

Properties
Name Type Attributes Description
city Array <optional>

城市名称

adCode Array <optional>

城市编码

spell Array <optional>

城市拼音

isH5 Boolean <optional>
false'

是否强制使用H5模式,默认是自动的

ak String <optional>
'8d1b...90a2'

如果是H5模式并且开启了'当前定位城市',则使用高德地图定位,这个是AK

onDismiss function <optional>

当选择点击后的回调,传入参数是当前选择的城市