Uniapp 使用阿里图标库避坑小Tips(APP)

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方式一般是默认开启的，如果不是，请开启。

        使用图标时，类名需要替换为实际图标的类名。