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 
}
上一篇 下一篇

猜你喜欢

热点阅读