更新记录

1.0.0（2022-11-10） 下载此版本

初始化城市三联选择器

平台兼容性

城市选择器插件介绍

该城市选择器基于uview1.0前端框架开发，城市三联数据来源于最新腾讯地图api数据,每个城市包括了经纬度地址。

作者介绍：

杭州失业中年程序员，目前年龄35岁，全栈工程师，能独立开发前端和后端功能模块，自学自律能力强，能适应偶尔加班。杭州公司需要开发人员的可联系我。

uview1.0安装：

1.main.js引入uView库

// main.js
import uView from 'uview-ui';
Vue.use(uView);

2.App.vue引入基础样式(注意style标签需声明scss属性支持)

/* App.vue */
<style lang="scss">
@import "uview-ui/index.scss";
</style>

3.uni.scss引入全局scss变量文件

/* uni.scss */
@import "uview-ui/theme.scss";

4.pages.json配置easycom规则(按需引入)

// pages.json
{
    "easycom": {
        // npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/"
        // npm安装方式
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
        // 下载安装方式
        // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
    },
    // 此为本身已有的内容
    "pages": [
        // ......
    ]
}

使用插件：

/* index.vue */
<template>
<city-select ref="citys" v-model="showCitySelect" @city-change="cityChange" :zIndex='9999' :isShowArea="isShowArea" :isAddNational="isAddNational"></city-select>
</template>

/* index.vue */
import citySelect from '@/components/city-select/city-select.vue';

/* index.vue */
components: {citySelect},

/* 变量说明 */
isShowArea:false,   //是否显示地区
isAddNational:false //是否添加全国选择行

联系方式：

技术支持：

订制开发、本地部署、技术合作、创业合作等商务合作咨询tel:13067777869