微信小程序开发-3【页面加载数据时,显示加载中。。。】

2017-09-23   阅读:4045   类型:后端   分类:微信小程序    标签: 微信小程序

微信小程序开发-3【页面加载数据时,显示加载中。。。】,实现这个功能带来良好的用户体验,以下是案例。

  1. 页面文件.wxss文件底部加上以下代码


<view class="body-view">
  <loading hidden="{{hidden}}" bindchange="loadingChange">
    加载中...
  </loading>
</view>

2. 逻辑文件.js文件加上以下代码:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    hidden:false
  },
success:function(res){   
    var subjects = res.data.subjects;
    console.log(subjects);
    page.processSubjects(subjects);
    page.setData({ moves: subjects,hidden:true});
  }

3. 效果:

1506173613828615.png

腾讯云11.11上云拼团Go,2核2G3M云服务器 28元/年

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://tpxhm.com/adetail/32.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习,乐于分享

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×