加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序仿美团城市选择

发布时间:2020-12-14 20:07:50 所属栏目:资源 来源:网络整理
导读:本文实例为大家分享了微信小程序城市选择器,供大家参考,具体内容如下 代码很简单. },onReady: function () { // 生命周期函数--监听页面初次渲染完成 },onShow: function () { // 生命周期函数--监听页面显示 },onHide: function () { // 生命周期函数--监

本文实例为大家分享了微信小程序城市选择器,供大家参考,具体内容如下

代码很简单.

},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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读