首先uniapp不支持svg标签显示图标
使用span标签使用图标呢,不支持在main.js文件中引入
怎么办呢
在app.vue文件的style标签中
<style>
@import url("./static/ali/iconfont.css");
@import url("./static/ali2/iconfont.css");
@import url("./static/ali3/iconfont.css");
.icon {
width: 2em;
height: 2em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
然后去到引入的css文件,把头几行改了,改成下面的形式
就是加个目录名在前面
然后就可以用span标签引入图标啦