基于Vue 实现一个中规中矩loading组件

前言 最近有一个新的项目,UI大佬不知道从哪里找来了一张GIF丢到蓝湖,说作为全局的页面loading ,但是自己想了想,还是选择画一个。 一开始想过用svg,canvas;最终还是选择了css3+js来实现这个效果; gif的缺点挺多,至于为什么又排除了svg和canvas; 是因为css3+js可控性更强,不管是大小还是颜色,还是响应式(我的项目走的vh,vw)那套来适配; 可以借助打包插件,达到loading的大小适配; 效果 UI大佬提供的GIF 实现的效果【在线codesandbox预览】 支持环的颜色改变及整个展示大小 支持在loading底部显示文字并控制其样式 实