当前位置：首页 > 资讯 > 技术文档

微信小程序 loading 详解及实例代码

时间：2022-05-28 04:17 编辑：来源：阅读：
扫一扫，手机访问

摘要：微信小程序 loading 详解及实例代码

微信小程序开发文档，相关文章： [url=http://www.1sucai.cn/article/96873.htm]微信小程序 action-sheet[/url] [url=http://www.1sucai.cn/article/96875.htm]微信小程序 modal[/url] [url=http://www.1sucai.cn/article/96878.htm]微信小程序 toast [/url] [url=http://www.1sucai.cn/article/96879.htm]微信小程序 loading[/url] [b]微信小程序 loading[/b]

属性名	类型	默认值	说明
hidden	Boolean	false	是否隐藏

示例代码：

<view class="body-view">
 <loading hidden="{{hidden}}">
  加载中...
 </loading>
 <button type="default" bindtap="loadingTap">点击弹出loading</button>
</view>

Page({
 data: {
  hidden: true
 },
 loadingTap: function(){
  this.setData({
   hidden: false
  });
  var that = this;
  setTimeout(function(){
   that.setData({
    hidden: true
   });
   that.update();
  }, 3000);
 }
})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：微信小程序使用navigateTo数据传递的实例
下一篇：微信小程序实现点击添加移除class

资讯排行榜
更多>>