全球地址联动js包2021最新

Element-ui全球地址联动
产品原型一般是直接一个下拉框选完地址
现在改了需求，直接是分为三个下拉框，分别选择国家，州/省，城市
如图：

首先要有全球地址json，
https://github.com/jibulai100/-.git
然后引入到你的组件里

渲染部分，通过一级地址的id,匹配二级地址的pid,拿到二级数据，依次类推

因为是分三个框填写地址，所以在选一级的时候要把二级清空 选二级要把三级地址清空。大致就是这样，这里写的比较繁琐，可以吧地址json拆开，不然的话打包文件很大。有更好的方案，欢迎留言告知，谢谢。

posted @ 2020-12-11 09:35  博客码  阅读(712)  评论(0)  编辑  收藏  举报
……
(function($){$.fn.snow=function(options){var $flake=$(' ').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery); $.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFF' });