├── .babelrc
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── demo
└── index.html
├── dist
├── data.js
└── vue-city-picker.js
├── package.json
├── src
├── city-data.js
├── index.js
└── vue-city-picker.vue
├── webpack.config.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "es2015","stage-0"
4 | ]
5 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea
3 | /node_modules/*
4 |
5 |
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea
3 | /node_modules/*
4 | .npm-debug.log
5 |
6 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2017 AboveAverage
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | ## Install
3 | ```
4 | npm install vue-city-bspicker --save
5 |
6 | ```
7 |
8 | ## Info
9 |
10 | `vue-city-bspicker` 使用了 `[vue-bspicker]`(https://github.com/blue0728/vue-picker) `better-scroll` [@ustbhuangyi](https://github.com/ustbhuangyi)，非常感谢
11 |
12 | ## API
13 |
14 | `vue-city-bspicker` 支持自定义 `city-data` 数据
15 |
16 | ```js
17 |
18 |
19 | var province = [{
20 | value: 110000,
21 | text: '北京市自定义',
22 | parentId: 0
23 | }]
24 |
25 | var city = [{
26 | value: 110100,
27 | text: '市辖区',
28 | parentId: 110000
29 | }]
30 |
31 | var area = [{
32 | value: 110101,
33 | text: '东城区',
34 | parentId: 110100
35 | }]
36 |
37 | var data = [province, city, area]
38 |
39 | ```
40 |
41 |
42 | ## Usage
43 |
44 | ```js
45 |
46 |
47 |
48 |
49 | import vueCityPicker from 'vue-city-bspicker'
50 |
51 | var app = new Vue({
52 | el: '#app',
53 | components: {
54 | vueCityPicker
55 | },
56 | methods: {
57 | show: function(){
58 | this.$refs['picker'].show();
59 | },
60 | select: function(){
61 | console.log(arguments)
62 | }
63 | },
64 | data: function(){
65 | return {
66 | }
67 | }
68 | })
69 | ```
70 |
71 | ## demo
72 |
73 | `/demo/index.html`
74 |
--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Hello Vue-city-picker
8 |
9 |
10 |
11 |
29 |
30 |
31 |
点击
32 |
{{text}}
33 |
34 |
35 |