微信小程序实现图片多选择 || 选择城市
2024-04-14 15:53:27
图片实现多选择
wxml
<view class="xuanze"><block wx:for="{{selectIndex}}" wx:key="id"><view class='item_container' bindtap='itemSelected' data-index='{{index}}' value="{{item.name}}" checked="{{item.checked}}"><image class='select_icon' src="{{item.isSelected?'../../image/y1.png':'../../image/y2.png'}}"></image><text class="{{item.isSelected?'ccc':'aaa'}}">{{item.name}}</text></view></block></view>wxss
.xuanze .item_container {display: flex;flex-direction: row;align-items: center;padding: 19rpx 30rpx 10rpx 30rpx;
}
.xuanze{width: 100%;display: flex;flex-wrap: wrap;
}
.select_icon {width: 30rpx;height: 30rpx;
}.item_container text {margin-left: 10rpx;font-size: 28rpx;
}
/* 颜色字体 */
.ccc{color: #e82633;
}
.aaa{color: #adadad;
}
js
itemSelected: function (e) {var index = e.currentTarget.dataset.index;var item = this.data.selectIndex[index];item.isSelected = !item.isSelected;console.log(item.isSelected)this.setData({selectIndex: this.data.selectIndex,});}
选择城市
wxml
<view class="bottoms"><view class='a-z'><view wx:for="{{cityAZ}}" wx:key="unique"><view data-id='{{item.cityName}}' bindtap='bindAZ' class="{{bindAZ===1?'az':''}}">{{item.cityName}}</view></view>
</view>
<view class='city-item-content'><view wx:for="{{cityResults}}" wx:key="unique"><view wx:if="{{item.cityPinYin.length > 1}}" class='city-item' data-cityname='{{item.cityName}}' bindtap='citySelected'>{{item.cityName}}</view><view wx:else class='city-item-A-Z' data-cityname='{{item.cityName}}'>{{item.cityName}}</view><!-- <view data-cityname='{{item.cityName}}' bindtap='citySelected' >{{item.cityName}}</view> --></view>
</view></view>
wxss
.a-z{width: 35rpx;position: fixed;/* top: 112rpx; */text-align: center;right: 5rpx;color: #333333;font-size: 25rpx;/* border: 1rpx solid #3399CC; */
}
.az{color: #e60012
}.city-item-content {display: flex;flex-direction: column;justify-content: center;background-color: #FFFFFF;
}.city-item {background: #fff;/* margin-top: 5rpx; */width: 90%; /* padding-left: 5%; */margin-left: 5%;height: 90rpx;font-size: 25rpx;line-height: 100rpx;font-weight: bold;border-bottom: 1rpx solid #efefef; /* border:1rpx solid red; */
}.city-item-A-Z{/* width: 100%; */height: 40rpx;font-size: 30rpx;padding-left: 5%;background-color: #ffffff;/* border-top: 1rpx solid #CCCCCC; */margin-top: -1rpx;color: #e60012;
}.search-box {top: 0;position: fixed;width: 100%;/* left:5%; */background: #eee;height: 110rpx;font-size: 30rpx;border-bottom:1rpx solid #DDDDDD; /* border: 1rpx solid red; */
}.search-input-placeholder {text-align: center;
}js
// pages/city/city.js
Page({/*** 页面的初始数据*/data: {scrollAZ: null,scrollNow: 0,cityType: 'begin',cityResults: null,// 所有数据cityAZ: [{cityName: 'A'}, {cityName: 'B'}, {cityName: 'C'}, {cityName: 'D'}, {cityName: 'E'}, {cityName: 'F'}, {cityName: 'G'}, {cityName: 'H'}, {cityName: 'J'}, {cityName: 'K'}, {cityName: 'L'}, {cityName: 'M'}, {cityName: 'N'}, {cityName: 'P'}, {cityName: 'Q'}, {cityName: 'R'}, {cityName: 'S'}, {cityName: 'T'}, {cityName: 'W'}, {cityName: 'X'}, {cityName: 'Y'}, {cityName: 'Z'},],citys: [ {cityName: 'A',cityPinYin: 'a',cityPY: 'a'}, {cityName: '阿克苏',cityPinYin: 'akesu',cityPY: 'aks'}, {cityName: '安康',cityPinYin: 'ankang',cityPY: 'ak'}, {cityName: '安陆',cityPinYin: 'anlu',cityPY: 'al'}, {cityName: '安庆',cityPinYin: 'anqing',cityPY: 'aq'}, {cityName: '鞍山',cityPinYin: 'anshan',cityPY: 'as'}, {cityName: '安顺',cityPinYin: 'anshun',cityPY: 'as'}, {cityName: '安阳',cityPinYin: 'anyang',cityPY: 'ay'}, {cityName: 'B',cityPinYin: 'b',cityPY: 'b'}, {cityName: '白城',cityPinYin: 'baicheng',cityPY: 'bc'}, {cityName: '蚌埠',cityPinYin: 'bangbu',cityPY: 'bb'}, {cityName: '保定',cityPinYin: 'baoding',cityPY: 'bd'}, {cityName: '宝鸡',cityPinYin: 'baoji',cityPY: 'bj'}, {cityName: '包头',cityPinYin: 'baotou',cityPY: 'bt'}, {cityName: '鲅鱼圈',cityPinYin: 'bayuquan',cityPY: 'byq'}, {cityName: '巴中',cityPinYin: 'bazhong',cityPY: 'bz'}, {cityName: '北戴河',cityPinYin: 'beidaihe',cityPY: 'bdh'}, {cityName: '北海',cityPinYin: 'beihai',cityPY: 'bh'}, {cityName: '北京',cityPinYin: 'beijing',cityPY: 'bj'}, {cityName: '博乐',cityPinYin: 'bole',cityPY: 'bl'}, {cityName: 'C',cityPinYin: 'c',cityPY: 'c'}, {cityName: '苍南',cityPinYin: 'cangnan',cityPY: 'cn'}, {cityName: '沧州',cityPinYin: 'cangzhou',cityPY: 'cz'}, {cityName: '常德',cityPinYin: 'changde',cityPY: 'cd'}, {cityName: '常州',cityPinYin: 'changzhou',cityPY: 'cz'}, {cityName: '巢湖',cityPinYin: 'chaohu',cityPY: 'ch'}, {cityName: '潮州',cityPinYin: 'chaozhou',cityPY: 'cz'}, {cityName: '承德',cityPinYin: 'chengde',cityPY: 'cd'}, {cityName: '成都',cityPinYin: 'chengdou',cityPY: 'cd'}, {cityName: '郴州',cityPinYin: 'chenzhou',cityPY: 'cz'}, {cityName: '赤壁',cityPinYin: 'chibi',cityPY: 'cb'}, {cityName: '赤峰',cityPinYin: 'chifeng',cityPY: 'cf'}, {cityName: '滁州',cityPinYin: 'chuzhou',cityPY: 'cz'}, {cityName: 'D',cityPinYin: 'd',cityPY: 'd'}, {cityName: '大理',cityPinYin: 'dali',cityPY: 'dl'}, {cityName: '大连',cityPinYin: 'dalian',cityPY: 'dl'}, {cityName: '丹东',cityPinYin: 'dandong',cityPY: 'dd'}, {cityName: '大庆',cityPinYin: 'daqing',cityPY: 'dq'}, {cityName: '大同',cityPinYin: 'datong',cityPY: 'dt'}, {cityName: '达州',cityPinYin: 'dazhou',cityPY: 'dz'}, {cityName: '德令哈',cityPinYin: 'delingha',cityPY: 'dlh'}, {cityName: '德清',cityPinYin: 'deqing',cityPY: 'dq'}, {cityName: '德阳',cityPinYin: 'deyang',cityPY: 'dy'}, {cityName: '德州',cityPinYin: 'dezhou',cityPY: 'dz'}, {cityName: '定远',cityPinYin: 'dingyuan',cityPY: 'dy'}, {cityName: '东莞',cityPinYin: 'dongguan',cityPY: 'dg'}, {cityName: '东海县',cityPinYin: 'donghaixian',cityPY: 'dhx'}, {cityName: '东胜',cityPinYin: 'dongsheng',cityPY: 'ds'}, {cityName: '东营',cityPinYin: 'dongying',cityPY: 'dy'}, {cityName: '都江堰',cityPinYin: 'doujiangyan',cityPY: 'djy'}, {cityName: '敦煌',cityPinYin: 'dunhuang',cityPY: 'dh'}, {cityName: 'E',cityPinYin: 'e',cityPY: 'e'}, {cityName: '额济纳',cityPinYin: 'ejina',cityPY: 'ejn'}, {cityName: '峨眉',cityPinYin: 'emei',cityPY: 'em'}, {cityName: '恩施',cityPinYin: 'enshi',cityPY: 'es'}, {cityName: '鄂州',cityPinYin: 'ezhou',cityPY: 'ez'}, {cityName: 'F',cityPinYin: 'f',cityPY: 'f'}, {cityName: '佛山',cityPinYin: 'foshan',cityPY: 'fs'}, {cityName: '福安',cityPinYin: 'fuan',cityPY: 'fa'}, {cityName: '福鼎',cityPinYin: 'fuding',cityPY: 'fd'}, {cityName: '涪陵',cityPinYin: 'fuling',cityPY: 'fl'}, {cityName: '福清',cityPinYin: 'fuqing',cityPY: 'fq'}, {cityName: '抚顺',cityPinYin: 'fushun',cityPY: 'fs'}, {cityName: '阜新',cityPinYin: 'fuxin',cityPY: 'fx'}, {cityName: '阜阳',cityPinYin: 'fuyang',cityPY: 'fy'}, {cityName: '抚州',cityPinYin: 'fuzhou',cityPY: 'fz'}, {cityName: '福州',cityPinYin: 'fuzhou',cityPY: 'fz'}, {cityName: 'G',cityPinYin: 'g',cityPY: 'g'}, {cityName: '赣州',cityPinYin: 'ganzhou',cityPY: 'gz'}, {cityName: '高密',cityPinYin: 'gaomi',cityPY: 'gm'}, {cityName: '格尔木',cityPinYin: 'geermu',cityPY: 'gem'}, {cityName: '广安',cityPinYin: 'guangan',cityPY: 'ga'}, {cityName: '广元',cityPinYin: 'guangyuan',cityPY: 'gy'}, {cityName: '广州',cityPinYin: 'guangzhou',cityPY: 'gz'}, {cityName: '桂林',cityPinYin: 'guilin',cityPY: 'gl'}, {cityName: '贵阳',cityPinYin: 'guiyang',cityPY: 'gy'}, {cityName: 'H',cityPinYin: 'h',cityPY: 'h'}, {cityName: '哈尔滨',cityPinYin: 'haerbin',cityPY: 'heb'}, {cityName: '海城',cityPinYin: 'haicheng',cityPY: 'hc'}, {cityName: '海口',cityPinYin: 'haikou',cityPY: 'hk'}, {cityName: '海拉尔',cityPinYin: 'hailaer',cityPY: 'hle'}, {cityName: '海宁',cityPinYin: 'haining',cityPY: 'hn'}, {cityName: '哈密',cityPinYin: 'hami',cityPY: 'hm'}, {cityName: '邯郸',cityPinYin: 'handan',cityPY: 'hd'}, {cityName: '杭州',cityPinYin: 'hangzhou',cityPY: 'hz'}, {cityName: '涵江',cityPinYin: 'hanjiang',cityPY: 'hj'}, {cityName: '汉中',cityPinYin: 'hanzhong',cityPY: 'hz'}, {cityName: '鹤壁',cityPinYin: 'hebi',cityPY: 'hb'}, {cityName: '合川',cityPinYin: 'hechuan',cityPY: 'hc'}, {cityName: '合肥',cityPinYin: 'hefei',cityPY: 'hf'}, {cityName: '鹤岗',cityPinYin: 'hegang',cityPY: 'hg'}, {cityName: '黑河',cityPinYin: 'heihe',cityPY: 'hh'}, {cityName: '衡山',cityPinYin: 'hengshan',cityPY: 'hs'}, {cityName: '衡水',cityPinYin: 'hengshui',cityPY: 'hs'}, {cityName: '衡阳',cityPinYin: 'hengyang',cityPY: 'hy'}, {cityName: '菏泽',cityPinYin: 'heze',cityPY: 'hz'}, {cityName: '淮安',cityPinYin: 'huaian',cityPY: 'ha'}, {cityName: '淮北',cityPinYin: 'huaibei',cityPY: 'hb'}, {cityName: '怀化',cityPinYin: 'huaihua',cityPY: 'hh'}, {cityName: '淮南',cityPinYin: 'huainan',cityPY: 'hn'}, {cityName: '黄山',cityPinYin: 'huangshan',cityPY: 'hs'}, {cityName: '黄石',cityPinYin: 'huangshi',cityPY: 'hs'}, {cityName: '呼和浩特',cityPinYin: 'huhehaote',cityPY: 'hhht'}, {cityName: '惠州',cityPinYin: 'huizhou',cityPY: 'hz'}, {cityName: '葫芦岛',cityPinYin: 'huludao',cityPY: 'hld'}, {cityName: '湖州',cityPinYin: 'huzhou',cityPY: 'hz'}, {cityName: 'J',cityPinYin: 'j',cityPY: 'j'}, {cityName: '佳木斯',cityPinYin: 'jiamusi',cityPY: 'jms'}, {cityName: '吉安',cityPinYin: 'jian',cityPY: 'ja'}, {cityName: '江门',cityPinYin: 'jiangmen',cityPY: 'jm'}, {cityName: '江山',cityPinYin: 'jiangshan',cityPY: 'js'}, {cityName: '胶州',cityPinYin: 'jiaozhou',cityPY: 'jz'}, {cityName: '嘉善',cityPinYin: 'jiashan',cityPY: 'js'}, {cityName: '嘉兴',cityPinYin: 'jiaxing',cityPY: 'jx'}, {cityName: '嘉峪关',cityPinYin: 'jiayuguan',cityPY: 'jyg'}, {cityName: '揭阳',cityPinYin: 'jieyang',cityPY: 'jy'}, {cityName: '吉林',cityPinYin: 'jilin',cityPY: 'jl'}, {cityName: '济南',cityPinYin: 'jinan',cityPY: 'jn'}, {cityName: '晋城',cityPinYin: 'jincheng',cityPY: 'jc'}, {cityName: '景德镇',cityPinYin: 'jingdezhen',cityPY: 'jdz'}, {cityName: '荆门',cityPinYin: 'jingmen',cityPY: 'jm'}, {cityName: '荆州',cityPinYin: 'jingzhou',cityPY: 'jz'}, {cityName: '金华',cityPinYin: 'jinhua',cityPY: 'jh'}, {cityName: '集宁',cityPinYin: 'jining',cityPY: 'jn'}, {cityName: '济宁',cityPinYin: 'jining',cityPY: 'jn'}, {cityName: '晋江',cityPinYin: 'jinjiang',cityPY: 'jj'}, {cityName: '锦州',cityPinYin: 'jinzhou',cityPY: 'jz'}, {cityName: '吉首',cityPinYin: 'jishou',cityPY: 'js'}, {cityName: '九江',cityPinYin: 'jiujiang',cityPY: 'jj'}, {cityName: '酒泉',cityPinYin: 'jiuquan',cityPY: 'jq'}, {cityName: '鸡西',cityPinYin: 'jixi',cityPY: 'jx'}, {cityName: 'K',cityPinYin: 'k',cityPY: 'k'}, {cityName: '开封',cityPinYin: 'kaifeng',cityPY: 'kf'}, {cityName: '凯里',cityPinYin: 'kaili',cityPY: 'kl'}, {cityName: '喀什',cityPinYin: 'kashen',cityPY: 'ks'}, {cityName: '库尔勒',cityPinYin: 'kuerle',cityPY: 'kel'}, {cityName: '昆明',cityPinYin: 'kunming',cityPY: 'km'}, {cityName: '昆山',cityPinYin: 'kunshan',cityPY: 'ks'}, {cityName: 'L',cityPinYin: 'l',cityPY: 'l'}, {cityName: '廊坊',cityPinYin: 'langfang',cityPY: 'lf'}, {cityName: '兰州',cityPinYin: 'lanzhou',cityPY: 'lz'}, {cityName: '拉萨',cityPinYin: 'lasa',cityPY: 'ls'}, {cityName: '耒阳',cityPinYin: 'leiyang',cityPY: 'ly'}, {cityName: '乐清',cityPinYin: 'leqing',cityPY: 'lq'}, {cityName: '梁平',cityPinYin: 'liangping',cityPY: 'lp'}, {cityName: '连江',cityPinYin: 'lianjiang',cityPY: 'lj'}, {cityName: '连云港',cityPinYin: 'lianyungang',cityPY: 'lyg'}, {cityName: '聊城',cityPinYin: 'liaocheng',cityPY: 'lc'}, {cityName: '辽阳',cityPinYin: 'liaoyang',cityPY: 'ly'}, {cityName: '辽源',cityPinYin: 'liaoyuan',cityPY: 'ly'}, {cityName: '丽江',cityPinYin: 'lijiang',cityPY: 'lj'}, {cityName: '临汾',cityPinYin: 'linfen',cityPY: 'lf'}, {cityName: '陵水',cityPinYin: 'lingshui',cityPY: 'ls'}, {cityName: '临海',cityPinYin: 'linhai',cityPY: 'lh'}, {cityName: '临河',cityPinYin: 'linhe',cityPY: 'lh'}, {cityName: '临沂',cityPinYin: 'linyi',cityPY: 'ly'}, {cityName: '六安',cityPinYin: 'liuan',cityPY: 'la'}, {cityName: '六盘水',cityPinYin: 'liupanshui',cityPY: 'lps'}, {cityName: '柳州',cityPinYin: 'liuzhou',cityPY: 'lz'}, {cityName: '溧阳',cityPinYin: 'liyang',cityPY: 'ly'}, {cityName: '龙岩',cityPinYin: 'longyan',cityPY: 'ly'}, {cityName: '龙游',cityPinYin: 'longyou',cityPY: 'ly'}, {cityName: '娄底',cityPinYin: 'loudi',cityPY: 'ld'}, {cityName: '吕梁',cityPinYin: 'lu:liang',cityPY: 'll'}, {cityName: '漯河',cityPinYin: 'luohe',cityPY: 'lh'}, {cityName: '洛阳',cityPinYin: 'luoyang',cityPY: 'ly'}, {cityName: '罗源',cityPinYin: 'luoyuan',cityPY: 'ly'}, {cityName: '庐山',cityPinYin: 'lushan',cityPY: 'ls'}, {cityName: 'M',cityPinYin: 'm',cityPY: 'm'}, {cityName: '马鞍山',cityPinYin: 'maanshan',cityPY: 'mas'}, {cityName: '满洲里',cityPinYin: 'manzhouli',cityPY: 'mzl'}, {cityName: '美兰',cityPinYin: 'meilan',cityPY: 'ml'}, {cityName: '梅州',cityPinYin: 'meizhou',cityPY: 'mz'}, {cityName: '绵阳',cityPinYin: 'mianyang',cityPY: 'my'}, {cityName: '汨罗',cityPinYin: 'miluo',cityPY: 'ml'}, {cityName: '漠河',cityPinYin: 'mohe',cityPY: 'mh'}, {cityName: '牡丹江',cityPinYin: 'mudanjiang',cityPY: 'mdj'}, {cityName: 'N',cityPinYin: 'n',cityPY: 'n'}, {cityName: '南昌',cityPinYin: 'nanchang',cityPY: 'nc'}, {cityName: '南城',cityPinYin: 'nancheng',cityPY: 'nc'}, {cityName: '南充',cityPinYin: 'nanchong',cityPY: 'nc'}, {cityName: '南丰',cityPinYin: 'nanfeng',cityPY: 'nf'}, {cityName: '南京',cityPinYin: 'nanjing',cityPY: 'nj'}, {cityName: '南宁',cityPinYin: 'nanning',cityPY: 'nn'}, {cityName: '南通',cityPinYin: 'nantong',cityPY: 'nt'}, {cityName: '南阳',cityPinYin: 'nanyang',cityPY: 'ny'}, {cityName: '内江',cityPinYin: 'neijiang',cityPY: 'nj'}, {cityName: '宁波',cityPinYin: 'ningbo',cityPY: 'nb'}, {cityName: '宁德',cityPinYin: 'ningde',cityPY: 'nd'}, {cityName: '宁海',cityPinYin: 'ninghai',cityPY: 'nh'}, {cityName: 'P',cityPinYin: 'p',cityPY: 'p'}, {cityName: '盘锦',cityPinYin: 'panjin',cityPY: 'pj'}, {cityName: '攀枝花',cityPinYin: 'panzhihua',cityPY: 'pzh'}, {cityName: '平顶山',cityPinYin: 'pingdingshan',cityPY: 'pds'}, {cityName: '萍乡',cityPinYin: 'pingxiang',cityPY: 'px'}, {cityName: '平遥',cityPinYin: 'pingyao',cityPY: 'py'}, {cityName: '莆田',cityPinYin: 'putian',cityPY: 'pt'}, {cityName: 'Q',cityPinYin: 'q',cityPY: 'q'}, {cityName: '迁安',cityPinYin: 'qianan',cityPY: 'qa'}, {cityName: '黔江',cityPinYin: 'qianjiang',cityPY: 'qj'}, {cityName: '潜江',cityPinYin: 'qianjiang',cityPY: 'qj'}, {cityName: '蕲春',cityPinYin: 'qichun',cityPY: 'qc'}, {cityName: '青岛',cityPinYin: 'qingdao',cityPY: 'qd'}, {cityName: '清远',cityPinYin: 'qingyuan',cityPY: 'qy'}, {cityName: '青州市',cityPinYin: 'qingzhoushi',cityPY: 'qzs'}, {cityName: '秦皇岛',cityPinYin: 'qinhuangdao',cityPY: 'qhd'}, {cityName: '琼海',cityPinYin: 'qionghai',cityPY: 'qh'}, {cityName: '齐齐哈尔',cityPinYin: 'qiqihaer',cityPY: 'qqhe'}, {cityName: '七台河',cityPinYin: 'qitaihe',cityPY: 'qth'}, {cityName: '泉州',cityPinYin: 'quanzhou',cityPY: 'qz'}, {cityName: '曲阜',cityPinYin: 'qufu',cityPY: 'qf'}, {cityName: '曲靖',cityPinYin: 'qujing',cityPY: 'qj'}, {cityName: '渠县',cityPinYin: 'quxian',cityPY: 'qx'}, {cityName: '衢州',cityPinYin: 'quzhou',cityPY: 'qz'}, {cityName: 'R',cityPinYin: 'r',cityPY: 'r'}, {cityName: '任丘',cityPinYin: 'renqiu',cityPY: 'rq'}, {cityName: '日照',cityPinYin: 'rizhao',cityPY: 'rz'}, {cityName: '如皋',cityPinYin: 'rugao',cityPY: 'rg'}, {cityName: '瑞安',cityPinYin: 'ruian',cityPY: 'ra'}, {cityName: '乳山',cityPinYin: 'rushan',cityPY: 'rs'}, {cityName: 'S',cityPinYin: 's',cityPY: 's'}, {cityName: '三门峡',cityPinYin: 'sanmenxia',cityPY: 'smx'}, {cityName: '三门县',cityPinYin: 'sanmenxian',cityPY: 'smx'}, {cityName: '三明',cityPinYin: 'sanming',cityPY: 'sm'}, {cityName: '三亚',cityPinYin: 'sanya',cityPY: 'sy'}, {cityName: '厦门',cityPinYin: 'shamen',cityPY: 'sm'}, {cityName: '上海',cityPinYin: 'shanghai',cityPY: 'sh'}, {cityName: '商丘',cityPinYin: 'shangqiu',cityPY: 'sq'}, {cityName: '上饶',cityPinYin: 'shangrao',cityPY: 'sr'}, {cityName: '上虞',cityPinYin: 'shangyu',cityPY: 'sy'}, {cityName: '山海关',cityPinYin: 'shanhaiguan',cityPY: 'shg'}, {cityName: '汕头',cityPinYin: 'shantou',cityPY: 'st'}, {cityName: '韶关',cityPinYin: 'shaoguan',cityPY: 'sg'}, {cityName: '绍兴',cityPinYin: 'shaoxing',cityPY: 'sx'}, {cityName: '邵阳',cityPinYin: 'shaoyang',cityPY: 'sy'}, {cityName: '神木',cityPinYin: 'shenmu',cityPY: 'sm'}, {cityName: '沈阳',cityPinYin: 'shenyang',cityPY: 'sy'}, {cityName: '深圳',cityPinYin: 'shenzhen',cityPY: 'sz'}, {cityName: '石家庄',cityPinYin: 'shijiazhuang',cityPY: 'sjz'}, {cityName: '十堰',cityPinYin: 'shiyan',cityPY: 'sy'}, {cityName: '双鸭山',cityPinYin: 'shuangyashan',cityPY: 'sys'}, {cityName: '四平',cityPinYin: 'siping',cityPY: 'sp'}, {cityName: '松江',cityPinYin: 'songjiang',cityPY: 'sj'}, {cityName: '松原',cityPinYin: 'songyuan',cityPY: 'sy'}, {cityName: '松滋',cityPinYin: 'songzi',cityPY: 'sz'}, {cityName: '绥德',cityPinYin: 'suide',cityPY: 'sd'}, {cityName: '绥芬河',cityPinYin: 'suifenhe',cityPY: 'sfh'}, {cityName: '遂宁',cityPinYin: 'suining',cityPY: 'sn'}, {cityName: '随州',cityPinYin: 'suizhou',cityPY: 'sz'}, {cityName: '苏州',cityPinYin: 'suzhou',cityPY: 'sz'}, {cityName: '宿州',cityPinYin: 'suzhou',cityPY: 'sz'}, {cityName: 'T',cityPinYin: 't',cityPY: 't'}, {cityName: '泰安',cityPinYin: 'taian',cityPY: 'ta'}, {cityName: '台安',cityPinYin: 'taian',cityPY: 'ta'}, {cityName: '泰宁',cityPinYin: 'taining',cityPY: 'tn'}, {cityName: '太原',cityPinYin: 'taiyuan',cityPY: 'ty'}, {cityName: '台州',cityPinYin: 'taizhou',cityPY: 'tz'}, {cityName: '泰州',cityPinYin: 'taizhou',cityPY: 'tz'}, {cityName: '唐山',cityPinYin: 'tangshan',cityPY: 'ts'}, {cityName: '滕州',cityPinYin: 'tengzhou',cityPY: 'tz'}, {cityName: '天津',cityPinYin: 'tianjin',cityPY: 'tj'}, {cityName: '天门',cityPinYin: 'tianmen',cityPY: 'tm'}, {cityName: '天水',cityPinYin: 'tianshui',cityPY: 'ts'}, {cityName: '铁岭',cityPinYin: 'tieling',cityPY: 'tl'}, {cityName: '桐城',cityPinYin: 'tongcheng',cityPY: 'tc'}, {cityName: '通化',cityPinYin: 'tonghua',cityPY: 'th'}, {cityName: '通辽',cityPinYin: 'tongliao',cityPY: 'tl'}, {cityName: '铜陵',cityPinYin: 'tongling',cityPY: 'tl'}, {cityName: '铜仁',cityPinYin: 'tongren',cityPY: 'tr'}, {cityName: '桐乡',cityPinYin: 'tongxiang',cityPY: 'tx'}, {cityName: '吐鲁番',cityPinYin: 'tulufan',cityPY: 'tlf'}, {cityName: 'W',cityPinYin: 'w',cityPY: 'w'}, {cityName: '瓦房店',cityPinYin: 'wafangdian',cityPY: 'wfd'}, {cityName: '万宁',cityPinYin: 'wanning',cityPY: 'wn'}, {cityName: '万源',cityPinYin: 'wanyuan',cityPY: 'wy'}, {cityName: '万州',cityPinYin: 'wanzhou',cityPY: 'wz'}, {cityName: '潍坊',cityPinYin: 'weifang',cityPY: 'wf'}, {cityName: '威海',cityPinYin: 'weihai',cityPY: 'wh'}, {cityName: '渭南',cityPinYin: 'weinan',cityPY: 'wn'}, {cityName: '文昌',cityPinYin: 'wenchang',cityPY: 'wc'}, {cityName: '温岭',cityPinYin: 'wenling',cityPY: 'wl'}, {cityName: '温州',cityPinYin: 'wenzhou',cityPY: 'wz'}, {cityName: '乌海',cityPinYin: 'wuhai',cityPY: 'wh'}, {cityName: '武汉',cityPinYin: 'wuhan',cityPY: 'wh'}, {cityName: '芜湖',cityPinYin: 'wuhu',cityPY: 'wh'}, {cityName: '乌兰浩特',cityPinYin: 'wulanhaote',cityPY: 'wlht'}, {cityName: '武隆',cityPinYin: 'wulong',cityPY: 'wl'}, {cityName: '乌鲁木齐',cityPinYin: 'wulumuqi',cityPY: 'wlmq'}, {cityName: '武清',cityPinYin: 'wuqing',cityPY: 'wq'}, {cityName: '武威',cityPinYin: 'wuwei',cityPY: 'ww'}, {cityName: '无锡',cityPinYin: 'wuxi',cityPY: 'wx'}, {cityName: '武夷山',cityPinYin: 'wuyishan',cityPY: 'wys'}, {cityName: '婺源',cityPinYin: 'wuyuan',cityPY: 'wy'}, {cityName: 'X',cityPinYin: 'x',cityPY: 'x'}, {cityName: '西安',cityPinYin: 'xian',cityPY: 'xa'}, {cityName: '襄阳',cityPinYin: 'xiangyang',cityPY: 'xy'}, {cityName: '咸宁',cityPinYin: 'xianning',cityPY: 'xn'}, {cityName: '孝感',cityPinYin: 'xiaogan',cityPY: 'xg'}, {cityName: '霞浦',cityPinYin: 'xiapu',cityPY: 'xp'}, {cityName: '西昌',cityPinYin: 'xichang',cityPY: 'xc'}, {cityName: '锡林浩特',cityPinYin: 'xilinhaote',cityPY: 'xlht'}, {cityName: '邢台',cityPinYin: 'xingtai',cityPY: 'xt'}, {cityName: '西宁',cityPinYin: 'xining',cityPY: 'xn'}, {cityName: '新乡',cityPinYin: 'xinxiang',cityPY: 'xx'}, {cityName: '信阳',cityPinYin: 'xinyang',cityPY: 'xy'}, {cityName: '新余',cityPinYin: 'xinyu',cityPY: 'xy'}, {cityName: '忻州',cityPinYin: 'xinzhou',cityPY: 'xz'}, {cityName: '许昌',cityPinYin: 'xuchang',cityPY: 'xc'}, {cityName: '徐州',cityPinYin: 'xuzhou',cityPY: 'xz'}, {cityName: 'Y',cityPinYin: 'y',cityPY: 'y'}, {cityName: '延安',cityPinYin: 'yanan',cityPY: 'ya'}, {cityName: '盐城',cityPinYin: 'yancheng',cityPY: 'yc'}, {cityName: '阳泉',cityPinYin: 'yangquan',cityPY: 'yq'}, {cityName: '扬州',cityPinYin: 'yangzhou',cityPY: 'yz'}, {cityName: '延吉',cityPinYin: 'yanji',cityPY: 'yj'}, {cityName: '烟台',cityPinYin: 'yantai',cityPY: 'yt'}, {cityName: '宜宾',cityPinYin: 'yibin',cityPY: 'yb'}, {cityName: '宜昌',cityPinYin: 'yichang',cityPY: 'yc'}, {cityName: '宜春',cityPinYin: 'yichun',cityPY: 'yc'}, {cityName: '银川',cityPinYin: 'yinchuan',cityPY: 'yc'}, {cityName: '英德',cityPinYin: 'yingde',cityPY: 'yd'}, {cityName: '营口',cityPinYin: 'yingkou',cityPY: 'yk'}, {cityName: '营山',cityPinYin: 'yingshan',cityPY: 'ys'}, {cityName: '鹰潭',cityPinYin: 'yingtan',cityPY: 'yt'}, {cityName: '义乌',cityPinYin: 'yiwu',cityPY: 'yw'}, {cityName: '宜兴',cityPinYin: 'yixing',cityPY: 'yx'}, {cityName: '益阳',cityPinYin: 'yiyang',cityPY: 'yy'}, {cityName: '永嘉',cityPinYin: 'yongjia',cityPY: 'yj'}, {cityName: '永州',cityPinYin: 'yongzhou',cityPY: 'yz'}, {cityName: '尤溪',cityPinYin: 'youxi',cityPY: 'yx'}, {cityName: '岳阳',cityPinYin: 'yueyang',cityPY: 'yy'}, {cityName: '余杭',cityPinYin: 'yuhang',cityPY: 'yh'}, {cityName: '榆林',cityPinYin: 'yulin',cityPY: 'yl'}, {cityName: '运城',cityPinYin: 'yuncheng',cityPY: 'yc'}, {cityName: '余姚',cityPinYin: 'yuyao',cityPY: 'yy'}, {cityName: 'Z',cityPinYin: 'z',cityPY: 'z'}, {cityName: '枣阳',cityPinYin: 'zaoyang',cityPY: 'zy'}, {cityName: '枣庄',cityPinYin: 'zaozhuang',cityPY: 'zz'}, {cityName: '长春',cityPinYin: 'zhangchun',cityPY: 'zc'}, {cityName: '张家界',cityPinYin: 'zhangjiajie',cityPY: 'zjj'}, {cityName: '张家口',cityPinYin: 'zhangjiakou',cityPY: 'zjk'}, {cityName: '章丘',cityPinYin: 'zhangqiu',cityPY: 'zq'}, {cityName: '长沙',cityPinYin: 'zhangsha',cityPY: 'zs'}, {cityName: '张掖',cityPinYin: 'zhangye',cityPY: 'zy'}, {cityName: '长治',cityPinYin: 'zhangzhi',cityPY: 'zz'}, {cityName: '漳州',cityPinYin: 'zhangzhou',cityPY: 'zz'}, {cityName: '湛江',cityPinYin: 'zhanjiang',cityPY: 'zj'}, {cityName: '昭通',cityPinYin: 'zhaotong',cityPY: 'zt'}, {cityName: '郑州',cityPinYin: 'zhengzhou',cityPY: 'zz'}, {cityName: '镇江',cityPinYin: 'zhenjiang',cityPY: 'zj'}, {cityName: '镇远',cityPinYin: 'zhenyuan',cityPY: 'zy'}, {cityName: '织金',cityPinYin: 'zhijin',cityPY: 'zj'}, {cityName: '重庆',cityPinYin: 'zhongqing',cityPY: 'zq'}, {cityName: '中山',cityPinYin: 'zhongshan',cityPY: 'zs'}, {cityName: '中卫',cityPinYin: 'zhongwei',cityPY: 'zw'}, {cityName: '钟祥',cityPinYin: 'zhongxiang',cityPY: 'zx'}, {cityName: '周口',cityPinYin: 'zhoukou',cityPY: 'zk'}, {cityName: '珠海',cityPinYin: 'zhuhai',cityPY: 'zh'}, {cityName: '诸暨',cityPinYin: 'zhuji',cityPY: 'zj'}, {cityName: '驻马店',cityPinYin: 'zhumadian',cityPY: 'zmd'}, {cityName: '株洲',cityPinYin: 'zhuzhou',cityPY: 'zz'}, {cityName: '淄博',cityPinYin: 'zibo',cityPY: 'zb'}, {cityName: '遵义',cityPinYin: 'zunyi',cityPY: 'zy'}]},/*** 生命周期函数--监听页面加载*/onLoad: function(options) {this.setData({// cityType: options.cityType})if (this.data.cityResults == null) {this.setData({cityResults: this.data.citys})}},bindAZ: function(e) { var currentCityName = e.currentTarget.dataset.idvar that = this;//放入A-Z的scrollTop参数if (that.data.scrollAZ == null) {wx.createSelectorQuery().selectAll('.city-item-A-Z').fields({dataset: true,size: true,rect: true}, function(res) {res.forEach(function(re) {if (currentCityName == re.dataset.cityname) {wx.pageScrollTo({scrollTop: re.top + that.data.scrollNow - 55.5,duration: 0})}})}).exec();} else {this.data.scrollAZ.forEach(function(re) {if (currentCityName == re.dataset.cityname) {wx.pageScrollTo({scrollTop: re.top + that.data.scrollNow - 55.5,duration: 0})}})}},onPageScroll: function(e) { // 获取滚动条当前位置this.setData({scrollNow: e.scrollTop})},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function() {},// citySelected: function(e) {// var cityNameTemp = e.currentTarget.dataset.cityname// if (this.data.cityType == 'begin') {// app.globalData.trainBeginCity = cityNameTemp// }// if (this.data.cityType == "end") {// app.globalData.trainEndCity = cityNameTemp// }// wx.navigateBack()// },bindSarchInput: function(e) {wx.pageScrollTo({scrollTop: 0,duration: 0})var inputVal = e.detail.value;var cityResultsTemp = new Array()var citys = this.data.citys;if (inputVal == null || inputVal.trim() == '') {this.setData({cityResults: citys})return;}for (var i = 0; i < citys.length; i++) {if (citys[i].cityName.indexOf(inputVal) == 0 || citys[i].cityPY.indexOf(inputVal.toLowerCase()) == 0 || citys[i].cityPinYin.indexOf(inputVal.toLowerCase()) == 0) {//去除热门城市if (citys[i].cityPY.indexOf("#") != -1) {continue;}var ifHas = false;for (var j = 0; j < cityResultsTemp.length; j++) {if (cityResultsTemp[j] == citys[i]) {ifHas = true;break;}}if (!ifHas) {cityResultsTemp.push(citys[i]);}}}this.setData({cityResults: cityResultsTemp})},/*** 生命周期函数--监听页面显示*/onShow: function() {},/*** 生命周期函数--监听页面隐藏*/onHide: function() {},/*** 生命周期函数--监听页面卸载*/onUnload: function() {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function() {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function() {},/*** 用户点击右上角分享*/onShareAppMessage: function() {}
})
各大城市
var city = {"热门": [{"name": "北京","key": "热门"},{"name": "上海","key": "热门"},{"name": "广州","key": "热门"},{"name": "深圳","key": "热门"},{"name": "成都","key": "热门"},{"name": "重庆","key": "热门"},{"name": "天津","key": "热门"},{"name": "杭州","key": "热门"},{"name": "南京","key": "热门"},{"name": "苏州","key": "热门"},{"name": "武汉","key": "热门"},{"name": "西安","key": "热门"}],"A": [{"name": "阿坝","key": "A"},{"name": "阿拉善","key": "A"},{"name": "阿里","key": "A"},{"name": "安康","key": "A"},{"name": "安庆","key": "A"},{"name": "鞍山","key": "A"},{"name": "安顺","key": "A"},{"name": "安阳","key": "A"},{"name": "澳门","key": "A"}],"B": [{"name": "北京","key": "B"},{"name": "白银","key": "B"},{"name": "保定","key": "B"},{"name": "宝鸡","key": "B"},{"name": "保山","key": "B"},{"name": "包头","key": "B"},{"name": "巴中","key": "B"},{"name": "北海","key": "B"},{"name": "蚌埠","key": "B"},{"name": "本溪","key": "B"},{"name": "毕节","key": "B"},{"name": "滨州","key": "B"},{"name": "百色","key": "B"},{"name": "亳州","key": "B"}],"C": [{"name": "重庆","key": "C"},{"name": "成都","key": "C"},{"name": "长沙","key": "C"},{"name": "长春","key": "C"},{"name": "沧州","key": "C"},{"name": "常德","key": "C"},{"name": "昌都","key": "C"},{"name": "长治","key": "C"},{"name": "常州","key": "C"},{"name": "巢湖","key": "C"},{"name": "潮州","key": "C"},{"name": "承德","key": "C"},{"name": "郴州","key": "C"},{"name": "赤峰","key": "C"},{"name": "池州","key": "C"},{"name": "崇左","key": "C"},{"name": "楚雄","key": "C"},{"name": "滁州","key": "C"},{"name": "朝阳","key": "C"}],"D": [{"name": "大连","key": "D"},{"name": "东莞","key": "D"},{"name": "大理","key": "D"},{"name": "丹东","key": "D"},{"name": "大庆","key": "D"},{"name": "大同","key": "D"},{"name": "大兴安岭","key": "D"},{"name": "德宏","key": "D"},{"name": "德阳","key": "D"},{"name": "德州","key": "D"},{"name": "定西","key": "D"},{"name": "迪庆","key": "D"},{"name": "东营","key": "D"}],"E": [{"name": "鄂尔多斯","key": "E"},{"name": "恩施","key": "E"},{"name": "鄂州","key": "E"}],"F": [{"name": "福州","key": "F"},{"name": "防城港","key": "F"},{"name": "佛山","key": "F"},{"name": "抚顺","key": "F"},{"name": "抚州","key": "F"},{"name": "阜新","key": "F"},{"name": "阜阳","key": "F"}],"G": [{"name": "广州","key": "G"},{"name": "赣州","key": "G"},{"name": "桂林","key": "G"},{"name": "贵阳","key": "G"},{"name": "甘南","key": "G"},{"name": "甘孜","key": "G"},{"name": "广安","key": "G"},{"name": "广元","key": "G"},{"name": "果洛","key": "G"},{"name": "贵港","key": "G"}],"H": [{"name": "杭州","key": "H"},{"name": "哈尔滨","key": "H"},{"name": "合肥","key": "H"},{"name": "海口","key": "H"},{"name": "海东","key": "H"},{"name": "海北","key": "H"},{"name": "海南","key": "H"},{"name": "海西","key": "H"},{"name": "邯郸","key": "H"},{"name": "汉中","key": "H"},{"name": "鹤壁","key": "H"},{"name": "河池","key": "H"},{"name": "鹤岗","key": "H"},{"name": "黑河","key": "H"},{"name": "衡水","key": "H"},{"name": "衡阳","key": "H"},{"name": "河源","key": "H"},{"name": "贺州","key": "H"},{"name": "红河","key": "H"},{"name": "淮安","key": "H"},{"name": "淮北","key": "H"},{"name": "怀化","key": "H"},{"name": "淮南","key": "H"},{"name": "黄冈","key": "H"},{"name": "黄南","key": "H"},{"name": "黄山","key": "H"},{"name": "黄石","key": "H"},{"name": "惠州","key": "H"},{"name": "葫芦岛","key": "H"},{"name": "呼伦贝尔","key": "H"},{"name": "湖州","key": "H"},{"name": "菏泽","key": "H"}],"J": [{"name": "济南","key": "J"},{"name": "佳木斯","key": "J"},{"name": "吉安","key": "J"},{"name": "江门","key": "J"},{"name": "焦作","key": "J"},{"name": "嘉兴","key": "J"},{"name": "嘉峪关","key": "J"},{"name": "揭阳","key": "J"},{"name": "吉林","key": "J"},{"name": "金昌","key": "J"},{"name": "晋城","key": "J"},{"name": "景德镇","key": "J"},{"name": "荆门","key": "J"},{"name": "荆州","key": "J"},{"name": "金华","key": "J"},{"name": "济宁","key": "J"},{"name": "晋中","key": "J"},{"name": "锦州","key": "J"},{"name": "九江","key": "J"},{"name": "酒泉","key": "J"}],"K": [{"name": "昆明","key": "K"},{"name": "开封","key": "K"}],"L": [{"name": "兰州","key": "L"},{"name": "拉萨","key": "L"},{"name": "来宾","key": "L"},{"name": "莱芜","key": "L"},{"name": "廊坊","key": "L"},{"name": "乐山","key": "L"},{"name": "凉山","key": "L"},{"name": "连云港","key": "L"},{"name": "聊城","key": "L"},{"name": "辽阳","key": "L"},{"name": "辽源","key": "L"},{"name": "丽江","key": "L"},{"name": "临沧","key": "L"},{"name": "临汾","key": "L"},{"name": "临夏","key": "L"},{"name": "临沂","key": "L"},{"name": "林芝","key": "L"},{"name": "丽水","key": "L"},{"name": "六安","key": "L"},{"name": "六盘水","key": "L"},{"name": "柳州","key": "L"},{"name": "陇南","key": "L"},{"name": "龙岩","key": "L"},{"name": "娄底","key": "L"},{"name": "漯河","key": "L"},{"name": "洛阳","key": "L"},{"name": "泸州","key": "L"},{"name": "吕梁","key": "L"}],"M": [{"name": "马鞍山","key": "M"},{"name": "茂名","key": "M"},{"name": "眉山","key": "M"},{"name": "梅州","key": "M"},{"name": "绵阳","key": "M"},{"name": "牡丹江","key": "M"}],"N": [{"name": "南京","key": "N"},{"name": "南昌","key": "N"},{"name": "南宁","key": "N"},{"name": "南充","key": "N"},{"name": "南平","key": "N"},{"name": "南通","key": "N"},{"name": "南阳","key": "N"},{"name": "那曲","key": "N"},{"name": "内江","key": "N"},{"name": "宁德","key": "N"},{"name": "怒江","key": "N"}],"P": [{"name": "盘锦","key": "P"},{"name": "攀枝花","key": "P"},{"name": "平顶山","key": "P"},{"name": "平凉","key": "P"},{"name": "萍乡","key": "P"},{"name": "莆田","key": "P"},{"name": "濮阳","key": "P"}],"Q": [{"name": "青岛","key": "Q"},{"name": "黔东南","key": "Q"},{"name": "黔南","key": "Q"},{"name": "黔西南","key": "Q"},{"name": "庆阳","key": "Q"},{"name": "清远","key": "Q"},{"name": "秦皇岛","key": "Q"},{"name": "钦州","key": "Q"},{"name": "齐齐哈尔","key": "Q"},{"name": "泉州","key": "Q"},{"name": "曲靖","key": "Q"},{"name": "衢州","key": "Q"}],"R": [{"name": "日喀则","key": "R"},{"name": "日照","key": "R"}],"S": [{"name": "上海","key": "S"},{"name": "深圳","key": "S"},{"name": "苏州","key": "S"},{"name": "沈阳","key": "S"},{"name": "石家庄","key": "S"},{"name": "三门峡","key": "S"},{"name": "三明","key": "S"},{"name": "三亚","key": "S"},{"name": "商洛","key": "S"},{"name": "商丘","key": "S"},{"name": "上饶","key": "S"},{"name": "山南","key": "S"},{"name": "汕头","key": "S"},{"name": "汕尾","key": "S"},{"name": "韶关","key": "S"},{"name": "绍兴","key": "S"},{"name": "邵阳","key": "S"},{"name": "十堰","key": "S"},{"name": "朔州","key": "S"},{"name": "四平","key": "S"},{"name": "绥化","key": "S"},{"name": "遂宁","key": "S"},{"name": "随州","key": "S"},{"name": "娄底","key": "S"},{"name": "宿迁","key": "S"},{"name": "宿州","key": "S"}],"T": [{"name": "天津","key": "T"},{"name": "太原","key": "T"},{"name": "泰安","key": "T"},{"name": "泰州","key": "T"},{"name": "唐山","key": "T"},{"name": "天水","key": "T"},{"name": "铁岭","key": "T"},{"name": "铜川","key": "T"},{"name": "通化","key": "T"},{"name": "通辽","key": "T"},{"name": "铜陵","key": "T"},{"name": "铜仁","key": "T"},{"name": "台湾","key": "T"}],"W": [{"name": "武汉","key": "W"},{"name": "乌鲁木齐","key": "W"},{"name": "无锡","key": "W"},{"name": "威海","key": "W"},{"name": "潍坊","key": "W"},{"name": "文山","key": "W"},{"name": "温州","key": "W"},{"name": "乌海","key": "W"},{"name": "芜湖","key": "W"},{"name": "乌兰察布","key": "W"},{"name": "武威","key": "W"},{"name": "梧州","key": "W"}],"X": [{"name": "厦门","key": "X"},{"name": "西安","key": "X"},{"name": "西宁","key": "X"},{"name": "襄樊","key": "X"},{"name": "湘潭","key": "X"},{"name": "湘西","key": "X"},{"name": "咸宁","key": "X"},{"name": "咸阳","key": "X"},{"name": "孝感","key": "X"},{"name": "邢台","key": "X"},{"name": "新乡","key": "X"},{"name": "信阳","key": "X"},{"name": "新余","key": "X"},{"name": "忻州","key": "X"},{"name": "西双版纳","key": "X"},{"name": "宣城","key": "X"},{"name": "许昌","key": "X"},{"name": "徐州","key": "X"},{"name": "香港","key": "X"},{"name": "锡林郭勒","key": "X"},{"name": "兴安","key": "X"}],"Y": [{"name": "银川","key": "Y"},{"name": "雅安","key": "Y"},{"name": "延安","key": "Y"},{"name": "延边","key": "Y"},{"name": "盐城","key": "Y"},{"name": "阳江","key": "Y"},{"name": "阳泉","key": "Y"},{"name": "扬州","key": "Y"},{"name": "烟台","key": "Y"},{"name": "宜宾","key": "Y"},{"name": "宜昌","key": "Y"},{"name": "宜春","key": "Y"},{"name": "营口","key": "Y"},{"name": "益阳","key": "Y"},{"name": "永州","key": "Y"},{"name": "岳阳","key": "Y"},{"name": "榆林","key": "Y"},{"name": "运城","key": "Y"},{"name": "云浮","key": "Y"},{"name": "玉树","key": "Y"},{"name": "玉溪","key": "Y"},{"name": "玉林","key": "Y"}],"Z": [{"name": "杂多县","key": "Z"},{"name": "赞皇县","key": "Z"},{"name": "枣强县","key": "Z"},{"name": "枣阳市","key": "Z"},{"name": "枣庄","key": "Z"},{"name": "泽库县","key": "Z"},{"name": "增城市","key": "Z"},{"name": "曾都区","key": "Z"},{"name": "泽普县","key": "Z"},{"name": "泽州县","key": "Z"},{"name": "札达县","key": "Z"},{"name": "扎赉特旗","key": "Z"},{"name": "扎兰屯市","key": "Z"},{"name": "扎鲁特旗","key": "Z"},{"name": "扎囊县","key": "Z"},{"name": "张北县","key": "Z"},{"name": "张店区","key": "Z"},{"name": "章贡区","key": "Z"},{"name": "张家港","key": "Z"},{"name": "张家界","key": "Z"},{"name": "张家口","key": "Z"},{"name": "漳平市","key": "Z"},{"name": "漳浦县","key": "Z"},{"name": "章丘市","key": "Z"},{"name": "樟树市","key": "Z"},{"name": "张湾区","key": "Z"},{"name": "彰武县","key": "Z"},{"name": "漳县","key": "Z"},{"name": "张掖","key": "Z"},{"name": "漳州","key": "Z"},{"name": "长子县","key": "Z"},{"name": "湛河区","key": "Z"},{"name": "湛江","key": "Z"},{"name": "站前区","key": "Z"},{"name": "沾益县","key": "Z"},{"name": "诏安县","key": "Z"},{"name": "召陵区","key": "Z"},{"name": "昭平县","key": "Z"},{"name": "肇庆","key": "Z"},{"name": "昭通","key": "Z"},{"name": "赵县","key": "Z"}]
}
module.exports = {cities: city
};
微信小程序实现图片多选择 || 选择城市相关推荐
- 微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明 做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
- 微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件 微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
- 微信小程序日历(酒店入住日期选择)
微信小程序日历(酒店入住日期选择) wxml代码. <!-- 日历--> <!-- 引入wxs文件,用来在界面中使用函数 --> <wxs src="../.. ...
- 小程序 | 微信小程序实现循环嵌套数据选择
小程序 | 微信小程序实现循环嵌套数据选择 一.效果展示 二.代码实现 在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...
- 微信小程序实现图片是上传、预览功能
本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现 ...
- Java实现微信小程序校验图片是否含有违法违规内容
文章目录 1.Java实现微信小程序校验图片是否含有违法违规内容(security.imgSecCheck) 2.接口文档简述 3.Java实现对接接口 4.压缩图片(Thumbnails) 5.整合 ...
- 微信小程序裁剪图片成圆形
代码地址如下: http://www.demodashi.com/demo/14453.html 前言 最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在git ...
- 微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇 以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...
- php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能
最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除 点击上传作业 在js文件中: Page({ / ...
- uniapp 微信小程序开发 图片上传压缩
uniapp 微信小程序开发 图片上传压缩 安卓上传图片并压缩 思路 全部代码 安卓上传图片并压缩 由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...
最新文章
- linux ELF文件格式分析
- Android Apt失效：找不到Apt生成的对应类
- golang完成聊天室功能
- js构造函数的浅薄理解
- python request 留位置4
- Eclipse，工程builed失败的原因。
- windows基础知识总结
- 贪心算法及几个常用的例题
- linux中查找包含指定内容的文件
- 【总结】1050- Code Review流程规范
- win10文件夹当作服务器,win10文件夹加密不了怎么办_网站服务器运行维护,win10
- 3天完成Open CPU开发！7天完成Costdown！满足客户对成本、功耗、安全性等方面的需求！
- 小程序webview应用实践
- sweetalert弹框插架--自定义多按钮事件
- ios 渐变透明背景_PS教程：通道抠图技巧换背景案例
- MVC框架中分页的实现
- 华为OD机试 - 相对开音节 | 备考思路，刷题要点，答疑 【新解法】
- （一）《数字电子技术基础》——引言
- MOS管中的米勒效应
- python数字图像处理笔记10 图像旋转