freeman-city-picker

#城市选择组件 ##用于移动端首页定位城市等应用场景

npm i freeman-city-picker --save

import CityPicker from 'freeman-city-picker';
<CityPicker
    //热门城市列表
    hotCity={[{
        value: '120100',
        label: '天津',
    },{
        value: '440300',
        label: '深圳',
    },{
        value: '410100',
        label: '郑州',
    },{
        value: '130100',
        label: '石家庄',
    }]}
    //城市选择后的回调
    onPick={(value) => {
        console.log(value);
    }}
    //高德地区应用的key，用于ip查询城市。注：web服务版本，不是js版本，且每日限额10万，建议用户端缓存。文档地址：https://lbs.amap.com/api/webservice/summary/
    amapKey="xxxxxxxx"
/>

---

已实现功能： ·根据用户IP定位城市 ·根据城市首字母建立右侧索引 ·添加热门城市置顶 ·定位过则缓存一天

---

计划未来迭代功能： ·本地缓存历史选择过的城市 ·搜索城市 ·手动补充额外城市