欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序实用组件:城市切换

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:501

微信小程序实用组件:城市切换

发布时间:2020-12-07  

效果图



js:

 

var city = require('../../utils/city.js');

 

 

Page({

data: {

searchLetter: [],

showLetter: "",

winHeight: 0,

tHeight:0,

bHeight:0,

startPageY:0,

cityList:[],

isShowLetter:false,

scrollTop:0,

city:""

},

onLoad: function (options) {

// 生命周期函数--监听页面加载

var searchLetter = city.searchLetter;

var cityList=city.cityList();

// console.log(cityInfo);

 

var sysInfo = wx.getSystemInfoSync();

console.log(sysInfo);

var winHeight = sysInfo.windowHeight;

 

//添加要匹配的字母范围值

//1、更加屏幕高度设置子元素的高度

var itemH = winHeight / searchLetter.length;

var tempObj = [];

for (var i = 0; i < searchLetter.length; i++) {

var temp = {};

temp.name = searchLetter[i];