阿里 icons的使用(其实可以很简单)

阿里 icons的使用(其实可以很简单)hello,大家好!本着开源的精神,我今天给大家分享一个在线使用阿里icons的办法(至于好用不好用,谁用谁知道)。大家有钱没钱的都过来瞧瞧呀!(哎呀,说的太好了,看来又要解锁一门新技能了)步骤:1、首先,你得有一个阿里icon的账号吧,这个就不多说了;2、其次,创建一个项目,并往里添加你要用的

大家好,欢迎来到IT知识分享网。

 

 

hello,大家好!本着开源的精神,我今天给大家分享一个在线使用阿里icons的办法(至于好用不好用,谁用谁知道)。大家有钱没钱的都过来瞧瞧呀!(哎呀,说的太好了,看来又要解锁一门新技能了)

步骤:1、首先,你得有一个阿里icon的账号吧,这个就不多说了;

2、其次,创建一个项目,并往里添加你要用的图标;

效果图如下:

阿里 icons的使用(其实可以很简单)

attention please: 这里2点需要知道一下。1、链接就是我们项目里要用到的,2、更多操作里可以设置使用时的fontClass前缀以及font family哦(这个在调用的时候会有影响),

阿里 icons的使用(其实可以很简单)

 

3、做完这些以后就是如何在项目中使用了,我这里以Vue项目为例子;在根目录下的index.html中用link方式引用,填的地址就是截图一中的链接(当然这个地址可以手动刷新,改变,yy一下:要是那天待的不爽了,直接改了icon地址,那之前的项目就大发了,呵呵呵!)

阿里 icons的使用(其实可以很简单)

4、进行到这里可以说已经整晚90%了,最后一步就是通过class引用了。(需要注意的是要带上family,如果你只有icon的类名,那就很抱歉了,你看到的是一块门板,呵呵);

 

阿里 icons的使用(其实可以很简单)

5、其实这类的文章有不少,我之前就在简书看到过一篇,最初按着他的方式去做的,发现有不少坑,步骤也有点复杂了;实践后发现了更为精简的方式,希望对大家有帮助!(撒由那拉)

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/34201.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信