最简单的骨架屏实现方式,适用于VUE项目,小程序项目,uniapp项目。

1、VUE项目 skeleton.vue 插件







 

VUE项目调用



2、别人写的 uniapp 插件





调用和VUE差不多

注意:显示距形:则在样式上添加 skeleton-rect, 显示圆形 :skeleton-radius , 如果没有添加这两个样式,则是一片空白

实现原理:根据原有的DIV 宽和高以及left和top 来绘制一个空白div。循环生成多个div 再给DIV加上样式动画。设置时间 多少秒后消失。

你可能感兴趣的:(VUE,Uniapp,小程序)