一、骨架屏
骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。通常在小程序中，我们需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。为了开发的便利，开发者工具提供了自动生成骨架屏代码的能力。
二、获取骨架屏代码
开发者工具可以帮我们生成骨架屏，如下图:
点击生成骨架屏，将有弹窗提示是否允许插入骨架屏代码。确定后将在当前页面同级目录下生成 page.skeleton.wxml 和 page.skeleton.wxss 两个文件，分别为骨架屏代码的模板和样式。
三、在uniapp中使用
在uniapp中创建一个组件.vue页面，把生成好的模板和样式文件中的代码拷贝过来,分别拷贝在"template"和"style"标签中
这里要注意的是，如果原本该页面引入了其他组件的话，生成的骨架屏代码部分标签引入组件的 is 语法 是在uniapp中 不支持的，会导致uniapp运行报错。
这是报错：
这是不支持的is语法，要删除掉，就可以运行了。
