E企盈营销工具技术服务商 热线:4006-838-530

微信小程序开发(三)显示loading提示框

E企盈直播平台营销卖货系统

首先看一张图片,就是要做成的效果。 当我们点击查询时,就会有一个请选择地点的弹出框。 这个状态我们只能去看微信开发文档了。 这个在API-界面-交互反馈-wx.hideLoading() 这个在主页面可以测试,然后给查询按钮添加事件。 什么是事件?事件是视图层到逻辑层的通讯方式事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件可以携带额外信息,如 id,dataset,touches事件的使用方式 在组件中绑定一个事件处理函数 如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。 结构代码:text class=”find_text” bindtap=”findEvent”查询/textjs代码中我们用到的是微信小程序中的API-界面-交互反馈-wx.showLoading(object) //index.js//获取应用实例var app = getApp()Page({  data: {    motto: ‘Hello World’,    userInfo: {}  },  findEvent: function(){    wx.showLoading({        title: ‘请选择地点’,      })      setTimeout(function(){        wx.hideLoading()      },2000)  },  //事件处理函数  bindViewTap: function() {    wx.navigateTo({      url: ‘../logs/logs’    })  },  onLoad: function () {    console.log(‘onLoad’)    var that = this    //调用应用实例的方法获取全局数据    app.getUserInfo(function(userInfo){      //更新数据      that.setData({        userInfo:userInfo      })    })  }})重点在这部分:findEvent: function(){    wx.showLoading({        title: ‘请选择地点’,      })      setTimeout(function(){        wx.hideLoading()      },2000)  },效果图如下:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序开发(三)显示loading提示框
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏