百恒网络
小程序开发中实现loading加载的方法
  • 百恒服务
  • APP开发
  • 网页案例
  • 网页知识
  • 关于我们
  • 联系我们
  • 小程序开发中实现loading加载的方法

    2018-12-20 15:25:12 7121
           相信大家都遇到过这种情况,我们在访问一个页面时遇到网络不佳的情况下,会出现一个loading或者加载中的等待状态。这是为了消除用户的等待心理,从而提高用户体验的一种做法。这种做法不仅在网站中会出现,在南昌小程序开发中也是经常用到。那么接下来小编主要想为大家介绍一下关于小程序开发中弹出loading层的几种方法,希望对大家有所帮助!

           一、直接在代码里控制

           js代码
           showLoading:function(){
                   wx.showToast({
                    title: '加载中',
                   icon: 'loading'
                   });
                },
           cancelLoading:function(){
                   wx.hideToast();
                }

           二、在wxml文件里布局弹窗,利用条件渲染,在js代码里控制是否显示,代码如下:

           wxml代码

    小程序开发中实现loading加载的方法   


           js代码

           data: {
                 showLoading:true
           },
           showLoading:function(){
                this.setData({
                   showLoading:true
                })
             },
           cancelLoading:function(){
               this.setData({
                   showLoading:false
           })

           关于南昌微信开发中弹出loading层的方法就先介绍到这里,如果还有哪些不明白的地方,可随时来电咨询。
    展开分享
    服务
    案例
    首页
    动态
    联系
    咨询