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

2017-09-23    标签:微信小程序    阅读:367    评论:0


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

【腾讯云】云产品采购季,助力行业复工。1核2G云服务器,首年99元

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

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

文章评论(0)

登录

博主信息

头像

今天努力一点,知识一点点积累,谢谢那个曾经努力的自己!

职业:Web工程师

Email:2938039696@qq.com

学习交流群:简忆blogs技术群

项目合作:2938039696

置顶推荐

站点信息

1067运行天数

333文章数量

主题框架:Foundation5
网站地图:XML网站地图
微信公众号:扫码关注公众号
公众号

打赏本站

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