首页 > 编程知识 正文

阿里巴巴矢量标库官网,阿里巴巴标矢量库

时间:2023-05-05 10:21:27 阅读:272907 作者:995

阿里图标官网:https://www.iconfont.cn/

创建“我的项目”,获取css链接:

两种使用方法:

一.本地引用

1.引入iconfont 的css

<link rel="stylesheet" type="text/css“ rel="external nofollow" href="font/iconfont.css">

2.设置class属性

<i class="iconfont iconwode"></i>

3.设置样式

<i class="iconfont iconwode" style="font-size: 30px; color: red;"></i>

二. 在线引用

1. 将生成的http域名地址引入

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

2. 复制图标类名并设置class属性

<p><i class="iconfont iconwode" ></i>我的</p>

3. 设置样式2. 复制图标类名并设置class属性

<p><i class="iconfont iconwode" ></i>我的</p>

3. 设置样式

<i :class="'iconfont ' + item.icon"></i>

其中item.icon是图标名称

阿里云图标使用i包裹来更改样式

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。