xufeiayang / weex-area-pick

一个基于weexUI的地址选择器

weex-area-pick

weex-area-pick 基于 alibaba 的weex-ui中的wxc-popup，wxc-overlay 组件开发的三级地址选择器， 感谢weex-ui的开发团队辛苦开源weex-ui。

安装

npm i weex-area-pick

示例图

使用方法

<template>
  <div>
    <text @click="openPicker">打开</text>

     <weex-area-pick v-if="showAreaPicker"
                     theme-color="#ff8400"
                     :show="showAreaPicker"
                     :defaultAddr="defaultAddr"
                     @closeAreaPicker='close'>
     </weex-area-pick>
  </div>
</template>

<script>

  import weex-area-pick from 'weex-area-pick';

  export default {
    components: { weex-area-pick },
    data: () => ({
      defaultAddr:  {
        province: '北京',
        city: '北京',
        dist: '东城区'
      }, // 可选
      showAreaPicker: false, // 默认不显示
    }),
    methods: {
      openPicker () {
        this.showAreaPicker = true;
      },
      close (e) {
        console.log(e)
      }
    }
}
</script>

<style scoped>
</style>

属性值

type	value	desc
showAreaPicker	布尔值	是否显示
defaultAddr	{province: '北京',city: '北京',dist: '东城区'}	默认地址
closeAreaPicker	方法	回调函数，返回选择省市区格式 {province: '北京',city: '北京',dist: '东城区'}
themeColor	色值	主题颜色，选中的省市区颜色和按钮颜色，可选