vue项目中使用Loading.io动态矢量图(这里仅学习用),
2022-04-14 本文已影响0人
似朝朝我心
官网:
https://loading.io/
导航栏选择:Icon下拉菜单下面的Spinner Gallery

选择你喜好的loading加载动图,打开控制台,鼠标获取到svg图片的位置,因为我是学习用的,所以复制svg这段代码就行了,商用记得购买哦!

在我们的vue项目中新建一个组件,

搞一个template标签包这svg标签的内容

这样我们就可以引入该组件进行使用了
<Loading></Loading>
import Loading from '../components/Loading.vue'
components:{
Loading
}