微信小程序：如何在小程序中使用骨架屏？

原文链接

前言

骨架屏，就是在页面数据尚未加载前，先给用户展示出页面的大致结构，直到请求数据返回后，再渲染页面，以优化用户体验。

骨架屏在前端的应用已经很普遍了，之前接手vue的项目，没能用上，现在开发小程序，想在小程序中试一试。看着美团外卖小程序的骨架屏，很nice~

开始

没有使用骨架屏的经验，只能靠搜索引擎了。找找找....终于在网上找到一份很好的例子，作者是腾讯的，代码已经在github开源，现在介绍给大家。

首先，从github克隆项目到本地，看看效果啦~（在微信开发工具打开项目下的src目录）

效果图（加载中）：


效果图（加载完毕）：

项目的目录结构：

index.wxml:

<!-- 作为组件在页面中使用 -->
<skeleton selector="skeleton"
loading="spin"
bgcolor="#FFF"
wx:if="{
  {showSkele