卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章11201本站已运行3223

loading加载中效果两种实现方法

方法一

直接在代码里掌控,在wxml文件里布局弹窗loading层,利用条件图形,在JS代码里控制与否表明loading层。

文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html?t=20161107#wxshowtoastobject

js代码

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

方法二

在wxml文件里布局弹窗,利用条件渲染,在js代码里掌控与否表明

文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html?t=20161107

wxml代码


   加载中

js

data: {      showLoading:true},showLoading:function(){     this.setData({        showLoading:true
    })
 },cancelLoading:function(){    this.setData({        showLoading:false})
卓越飞翔博客
上一篇: PHP指定范围内且不重复的随机值方法
下一篇: tabBar底部导航API文档说明

相关推荐

留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏