在线客服系统
十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

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

百恒科技 2018-12-20 15:25:12 7024
       相信大家都遇到过这种情况,我们在访问一个页面时遇到网络不佳的情况下,会出现一个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层的方法就先介绍到这里,如果还有哪些不明白的地方,可随时来电咨询。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×