当页面图片比较多,页面加载慢的时候可以使用loading进行缓冲,事实证明,在小程序中,图片加载不完就进行下一步操作是会出现比较尴尬的情况的,比如:点击跳转到下一个页面会获取不到数据。。。
那么,这个时候loading就可以避免这个尴尬。
请看代码: <loading hidden="{{hiddenLoading}}">正在加载</loading>
在页面上写入这个标签,具体是什么意思就不废话了,你懂得。。。
然后请看js
Page({ data: { hiddenLoading: false },onReady: function () { 用setTimeout延迟2秒,等到图标加载差不多了就让hiddenLoading: true消失,正常访问。
// 页面渲染完成
var tt = this;
setTimeout(function () {
tt.setData({
hiddenLoading: true
});
tt.update();
}, 2000)
},













