How to choose a city in WeChat mini program development

This time I will show you how to make city selections in the development of WeChat mini programs. What are the precautions for city selection in the development of WeChat mini programs? Here are practical cases, let’s take a look.

The example in this article shares the WeChat applet city selector for your reference. The specific content is as follows

The code is very simple.

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> I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website! </p><p>Recommended reading:</p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-401339.html" target="_blank">What new special effects have been added to vue-cli3.0</a><br></p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-401408.html" target="_blank" style="font-size: 14px;">How to operate JQuery elements</a> <br></p>

The above is the detailed content of How to choose a city in WeChat mini program development. For more information, please follow other related articles on the PHP Chinese website!