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

2017-09-23    标签:微信小程序    阅读:632   


微信小程序开发-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

【腾讯云】618云聚惠,百款云产品限量抢购,1核2G云服务器首年95元 618年中云钜惠大促,精选云产品1折起,助力新基建,618年中大促云服务器88元

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

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

文章评论(0)

登录

博主信息

头像

简忆博客
仕而优则学,学而优则仕。

置顶推荐

打赏本站

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