vue项目中使用Loading.io动态矢量图(这里仅学习用),记得尊重版权哦

官网:

https://loading.io/

导航栏选择:Icon下拉菜单下面的Spinner Gallery



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


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



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



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

components:{
Loading 
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,672评论 2 45
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    wgl0419阅读 11,479评论 1 9
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,472评论 2 59
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,947评论 1 180
  • 内容 抽屉菜单 ListView WebView SwitchButton 按钮 点赞按钮 进度条 TabLayo...
    小狼W阅读 5,481评论 0 10