1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 个人项目中使用iconfont小图标和团队项目中使用iconfont小图标

个人项目中使用iconfont小图标和团队项目中使用iconfont小图标

时间:2021-05-11 12:46:18

相关推荐

个人项目中使用iconfont小图标和团队项目中使用iconfont小图标

百度搜索阿里巴巴矢量图标库,将自己喜欢的小图标添加至购物车,点击购物车,点击添加至项目

点击创建新项目

这里就是我们即将使用的小图标喽

如果对某些小图标的样式不太满意,将鼠标放在小图标上面

点击编辑就可以修改样式了,然后点击下载

解压之后的目录是这样的

将iconfont.css放到你自己的css文件夹中,然后引入到你自己的项目中,在css文件夹同级目录下创建一个font文件夹,将上图中的iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff这四个文件放进去

然后修改iconfont.css样式,因为iconfont.css所属的文件夹和font文件夹是同级的,所以要在第2,3,5,6行加上../font/

接下来说一下引入在html中引入css文件夹下面的iconfont.css

因为我做的是vue项目,所以嵌套的比较深,但是套路都是一样的

接下来就是使用了

如果害怕样式重复的话,可以再加一个类名,但是不能删上面原有的东西,刚开始下载下来的东西上面是

要使用哪个样式,就把哪个样式的名字复制下来,把上面的icon-xxx替换,一般我喜欢直接复制后面的

接下来再说说团队使用小图标

通常做项目都是团队,每个人负责一部分,如果要使用小图标的话,每个人下载一份这样来说不现实,每个人的需求也不一样,接下来教大家一个办法

点击箭头,可以点击添加项目成员,(建议添加的时候项目成员同时在线,不然搜不到)。

使用小图标有个不好的点,就是如果你下载的时候如果没下载全,项目什么的已经配置好,要添加新的小图标的话,加入购物车-> 添加至你原来的项目->下载->iconfont.css和font里的文件夹都要放入最新下载的

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。