uniapp 省市区三级联动选择器

还有半个小时下班,总想着发点光亮照耀他人。IT技术这东西,尤其是UI方面的东西,于用户体验至关重要,想想最近使用uni-data-picker的丑陋页面,自己重构了这个功能,新加实现,效果图如下,与官方的UI漂亮了特别多!

uniapp 省市区三级联动选择器_第1张图片

注意代码中内置了省市区数据,你可以自己补充修改,如果有缺少!

使用教程:

 组件实现代码:在你项目合适的目录中创建一个名为zxp-uniRegionSheet.vue的组件文件,一般位于项目的components目录中,注意目录及页面中的引用位置!

或者使用hbuilderx直接通过以下路径导入项目中使用:

省市区三级联动选择器 - DCloud 插件市场





拿走不谢! 

你可能感兴趣的:(uni-app)