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>中設(shè)置圖標的樣式绑谣,例如:
? ??????.iconfont {
????????????? font-family: "iconfont";
????????????? font-size: 20px;
????????????? color: red;
????????}
注意:
????????確保阿里巴巴圖標庫開通了symbol方式使用圖標细移。
????????在iconfont.js中,symbol方式通常是默認開啟的且警,如果不是粉捻,請開啟。
? ? ? ? 使用圖標時斑芜,類名需要替換為實際圖標的類名肩刃。