微信小程式開發如何做出城市選擇

這次帶給大家微信小程式開發中怎樣做出城市選擇，微信小程式開發中做出城市選擇的注意事項有哪些，以下就是實戰案例，一起來看一下。

本文實例為大家分享了微信小程式城市選擇器，供大家參考，具體內容如下

程式碼很簡單.

var city = require('../../utils/city.js');
var app = getApp()
Page({
 data: {
 searchLetter: [],
 showLetter: "",
 winHeight: 0,
 // tHeight: 0,
 // bHeight: 0,
 cityList: [],
 isShowLetter: false,
 scrollTop: 0,//置顶高度
 scrollTopId: '',//置顶id
 city: "上海市",
 hotcityList: [{ cityCode: 110000, city: '北京市' }, { cityCode: 310000, city: '上海市' }, { cityCode: 440100, city: '广州市' }, { cityCode: 440300, city: '深圳市' }, { cityCode: 330100, city: '杭州市' }, { cityCode: 320100, city: '南京市' }, { cityCode: 420100, city: '武汉市' }, { cityCode: 410100, city: '郑州市' }, { cityCode: 120000, city: '天津市' }, { cityCode: 610100, city: '西安市' }, { cityCode: 510100, city: '成都市' }, { cityCode: 500000, city: '重庆市' }]
 },
 onLoad: function () {
 // 生命周期函数--监听页面加载
 var searchLetter = city.searchLetter;
 var cityList = city.cityList();
 var sysInfo = wx.getSystemInfoSync();
 var winHeight = sysInfo.windowHeight;
 var itemH = winHeight / searchLetter.length;
 var tempObj = [];
 for (var i = 0; i <p>相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ </p><p>推薦閱讀：</p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-401339.html" target="_blank">vue-cli3.0增加了哪些新特效</a><br></p><p style="text-align: left;">##怎麼運算JQuery元素<a href="http://www.php.cn/js-tutorial-401408.html" target="_blank" style="font-size: 14px;"> </a><br></p>

以上是微信小程式開發如何做出城市選擇的詳細內容。更多資訊請關注PHP中文網其他相關文章！