美文网首页
vue项目中好多朋友不知道的iconfont用法~超实用

vue项目中好多朋友不知道的iconfont用法~超实用

作者: 霞霞_9724 | 来源:发表于2019-08-27 11:19 被阅读0次

    1、搜索并找到阿里巴巴矢量图的网址,建一个自己的账号


    2、在里面搜索自己想要的图标如图


    3、加入自己的项目,然后在vue项目中的index.html插入

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_733227_3cbffbalhlg.css">

    在iconfont中复制的地址at.alicdn.com/t/font_733227_3cbffbalhlg.css


    4、项目单个组件中的用法

    <i class="iconfont icon-kucun"></i>

    完成即可使用啦,iconfont可以把它当做font字体设置自己想要的颜色和大小,并且不会失真很好用,朋友们可以试试,有问题不懂的可以私信或者留言哦~

    今天就到这里啦,改天继续分享~

    相关文章

      网友评论

          本文标题:vue项目中好多朋友不知道的iconfont用法~超实用

          本文链接:https://www.haomeiwen.com/subject/qywsectx.html