vue项目引入阿里图标库的在线图标,怎么引入,举个例子
时间: 2023-12-15 12:05:15 浏览: 171
要在Vue项目中引入阿里图标库的在线图标,你可以采用以下步骤:
1. 在index.html文件中加入阿里图标库的CDN链接:
```html
<link rel="stylesheet" href="//at.alicdn.com/t/font_1234567_abcdedf.css">
```
其中,font_1234567_abcdedf.css是你所需要的图标库的样式链接。
2. 在Vue组件中使用图标,例如:
```html
<template>
<div>
<i class="iconfont icon-heart"></i>
</div>
</template>
```
其中,iconfont是阿里图标库的字体图标前缀,icon-heart是具体图标的名称,你需要根据你所引入的图标库来决定。
希望这能帮到你,如果有其他问题,欢迎随时问我。
阅读全文