1.直接使用font class 或者 Unicode
2.使用symbol时:
1). 解压下载的图标文件,将iconfont.js文件放入uniapp项目中,通常是static目录下
2). 在main.js或页面<script>中引入iconfont.js 例:import './static/iconfont.js';
3). 在页面的<template>中使用图标,如下:
<view class="iconfont icon-xxx"></view>
4). 在页面的<style>中设置图标的样式,例如:
.iconfont {
font-family: "iconfont";
font-size: 20px;
color: red;
}
注意:
确保阿里巴巴图标库开通了symbol方式使用图标。
在iconfont.js中,symbol方式通常是默认开启的,如果不是,请开启。
使用图标时,类名需要替换为实际图标的类名。