专题文章
时长:00:00更新时间:2020-11-27 15:27:10
如何绘制一个圆圆的loading圈。小程序里需要一个像下面的loading,原生的没有,引入别的组件库又太大,所有决定自己写个。1.基本原理;动态的实现原理是给8个小圆圈设置透明度由大变小的动画,每个圆圈设置不同的动画启动时间。布局的实现原理是父元素设置为position: relative.每个圆圈设置样式为position: absolute;left: xx;top: xx;right: xx;bottom: xx。通过给left/right/top/bottom设置不同的值将其均匀的分布在一个圆圈上。html代码如下:
查看详情