// demo.json

// 自定义组件引用方式
{
  "usingComponents": {
    "component-tag-name": "path/to/the/custom/component"
  }
}

// 本组件使用，复制下面代码到相应json文件下
{
  ...
  "usingComponents": {
    "list-html": "/component/wx-index-list/wx-index-list"
  }
  ...
}

// pages/demo/demo.js

// 导入数据，可以ajax获取
let City = require('../../utils/allcity.js');

Page({

  data: {
    city:City,
    config: {
            horizontal: false, // 第一个选项是否横排显示（一般第一个数据选项为 热门城市，常用城市之类 ，开启看需求）
            animation: false, // 过渡动画是否开启
            search: false, // 是否开启搜索
            searchHeight: 45, // 搜索条高度
            suctionTop: false // 是否开启标题吸顶
        }
  },
  onLoad() {
      wx.showLoading({
          title: '加载数据中...',
        })
        // 模拟服务器请求异步加载数据
          setTimeout(()=>{
               this.setData({
                city: CityÏ
               })
              wx.hideLoading()
          },2000)
   },
  binddetail(e){
    console.log(e.detail)
    // 返回 例 :{name: "北京", key: "B", test: "testValue"}
  }
  
})

// /utils/allcity.js
[{
  title:"热门城市",
    item: [
    {
      "name": "北京",
      "key": "热门",
      // 这里可以添加自定义字段
    },{
      "name": "上海",
      "key": "热门",
      // 这里可以添加自定义字段      
    }]
},{
  title:"B",
    item: [
    {
      "name": "北京",
      "key": "B",
      // 这里可以添加自定义字段
    },{
      "name": "保定",
      "key": "B",
      // 这里可以添加自定义字段
      
    }]
}]