更新记录

2.0.1（2022-04-21） 下载此版本

更新小程序端样式报错

2.0（2021-12-29） 下载此版本

1、支持一级、二级、三级联动多选 2、支持自定义颜色皮肤 3、支持自定义数据

1.0.1（2021-12-23） 下载此版本

1、默认支持城市二级多选。自定义多选数量。可根据数据结构自定义数据

平台兼容性

插件使用说明

1. 数据来源common/data.js，common/levelone-data.js需要引入数据。如果要自定义数据，可根据数据结构构造。

   多级数据结构如下

[
        {
            "id": "1",
            "pid": "0",
            "name": "北京市",
            "children": [
                {
                    "id": "37",
                    "pid": "1",
                    "name": "东城区",
                    "children": [
                        {
                            "id": "567",
                            "pid": "37",
                            "name": "东华门街道"
                        }
                      ]
                  }
               ]
          }   
]

单级数据结构如下

[
        {
            "id": "1",
            "name": "挖掘机",
        },{
            "id": "2",
            "name": "推土机",
        }   
]

2、默认使用unipop底部弹框，如果要使用弹框需要在项目中导入components/uni-popup和components/uni-transition文件，页面中会自动加载。

3、插件引入

import moreSelect from "@/components/more-select.vue"
export default {
        components: {
            moreSelect
        }
}

<more-select></more-select>

##如果要使用uni-popup弹框，需要引入uni-popup插件爱，然后
<uni-popup ref="cityMore" type="bottom">
            <more-select :cityData="cityData" @chooseCity="chooseCity" @switchCity="switchCity" :cityIndex="cityIndex"
                @scrollCity="scrollCity" @closeCity="closeCity" @queryCity="queryCity" :oldScrollTop="oldScrollTop"
                :scrollTop="scrollTop" :chooseCityList="chooseCityList" :title="title" :cityIdArr="cityIdArr" @delCity="delCity"
                ref="moreselects" :maxCount="maxCount" :level="level" :colorValue="colorValue"></more-select>
</uni-popup>

4、相关数据参数说明

5、相关方法说明