微信小程序使用骨架屏


骨架屏的使用越来越广泛。在微信小程序中使用骨架屏如果自己实现,不同的页面对应不同的骨架屏,会有一定难度;不过,微信小程序已经提供生成骨架屏功能,使得我们在开发中非常方便,下面介绍如何生成

在生成骨架屏之前,先确保微信开发者工具是 1.03.2006032 或 1.04.2006032 以上的版本

1、生成骨架屏代码文件

找到要生成骨架屏的页面,并进行预览,找到模拟器面板右下角三点处

点击生成骨架屏

点击 确定

生成 wxml 和 wxss 骨架屏文件

2、页面使用

(1)、在需要使用骨架屏的页面引入生成的骨架屏 wxml 文件,并将骨架屏代码通过小程序模板(template)的方式引入

"product.skeleton.wxml"/>