admin 管理员组文章数量: 887007
html切换城市页面,微信小程序实现城市选择和城市切换
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
var
temp = {};
temp.name = searchLetter[i];
temp.tHeight = i * itemH;
temp.bHeight = (i +
1
) * itemH;
tempObj.push(temp)
}
this
.setData({
winHeight: winHeight,
itemH: itemH,
searchLetter: tempObj,
cityList: cityList
})
},
onReady:
function
()
{
// 生命周期函数--监听页面初次渲染完成
},
onShow:
function
()
{
// 生命周期函数--监听页面显示
},
onHide:
function
()
{
// 生命周期函数--监听页面隐藏
},
onUnload:
function
()
{
// 生命周期函数--监听页面卸载
},
onPullDownRefresh:
function
()
{
// 页面相关事件处理函数--监听用户下拉动作
},
onReachBottom:
function
()
{
// 页面上拉触底事件的处理函数
},
clickLetter:
function
(e)
{
console.log(e.currentTarget.dataset.letter)
var
showLetter = e.currentTarget.dataset.letter;
this
.setData({
showLetter: showLetter,
isShowLetter:
true
,
scrollTopId: showLetter,
})
var
that =
this
;
setTimeout(
function
()
{
that.setData({
isShowLetter:
false
})
},
1000
)
},
//选择城市
bindCity:
function
(e)
{
console.log(
"bindCity"
)
this
.setData({ city: e.currentTarget.dataset.city })
},
//选择热门城市
bindHotCity:
function
(e)
{
console.log(
"bindHotCity"
)
this
.setData({
city: e.currentTarget.dataset.city
})
},
//点击热门城市回到顶部
hotCity:
function
()
{
this
.setData({
scrollTop:
0
,
})
}
})
demo下载
.....
本文标签： html切换城市页面 微信小程序实现城市选择和城市切换
版权声明：本文标题：html切换城市页面,微信小程序实现城市选择和城市切换 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1732353226h1533690.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论