# cityPicker

**Repository Path**: cwiyc/city-picker

## Basic Information

- **Project Name**: cityPicker
- **Description**: 基于uview-plus的城市选择器，HBuilderX插件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-14
- **Last Updated**: 2023-04-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# cityPicker

#### 介绍
基于uview-plus的城市选择器
效果图
![](README_files/4.jpg)
#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1. 该插件必须在已有uview-plus的基础上使用，因为这是在uview-plus的u-picker组件上封装的

2. ![](README_files/1.jpg)

3. 引用
   ![](README_files/2.jpg)
   ```
	//在index.vu中测试
   <template>
   	<view class="content">
   		<CwiycCitypicker :show="showModifyArea" @confirmArea="confirmArea" :closeOnClickOverlay="true" />
   	</view>
   </template>
   
   <script>
   	import CwiycCitypicker from '@/components/CwiycCitypicker/CwiycCitypicker.vue'
   	export default {
   		data() {
   			return {
   				showModifyArea: true
   			}
   		},
   		onLoad() {
   
   		},
   		methods: {
   			confirmArea(e) {
   				console.log(e)//打印出选择结果
   				this.showModifyArea = false
   			}
   		}
   	}
   </script>
   ```
	//closeOnClickOverlay设为true点击遮罩层取消选择
	
	!!!下载之后请把所有文件名为cwiyc-citypicker换成CwiycCitypicker要不然显示不出来!!!
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)