uniapp小程序如何在线引入阿里图标库,通过css地址的方式引入
时间: 2023-12-09 16:02:34 浏览: 175
微信小程序里引入SVG矢量图标的方法
可以通过以下步骤在线引入阿里图标库:
1. 在阿里图标库中选择需要使用的图标,点击右侧的“复制代码”按钮。
2. 将复制的代码粘贴到你的项目中需要使用该图标的地方。
3. 将代码中的“//at.alicdn.com/t/font_*****_*****.css”替换为你需要使用的图标库的CSS地址。
例如:
```
@import url('//at.alicdn.com/t/font_1234567_abcd1234.css');
```
4. 在页面中使用该图标,例如:
```
<i class="iconfont icon-xxx"></i>
```
其中,“iconfont”为阿里图标库中的通用类名,“icon-xxx”为具体图标的类名,需要根据你选择的图标来确定。
这样就可以在线引入阿里图标库并在项目中使用了。
阅读全文