uniapp中使用 iconfont字体

  1. 下载 iconfont 字体文件
  2. 打开 iconfont.css 文件,修改一下
  3. 把文件 复制到 static/iconfont/... 目录下
  4. 在App.vue中引入iconfont
  1. 使用iconfont 使用 iconfont 有两种方式, 一种是 class 方式, 一种是使用 unicode 的方式

5.1 使用 class 的方式
<text class="iconfont icon-a-2-LockOff"></text>

5.2 使用 unicode 的方式

复制代码
<text class="iconfont">&#xe614;</text>
<text class="iconfont">{{'&#xe8d5'}}</text>
相关推荐
Jiaberrr4 小时前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活
不老刘4 小时前
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
前端·javascript·uni-app
疯狂的沙粒6 小时前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app
^Rocky6 小时前
uniapp 集成腾讯云 IM 富媒体消息(地理位置/文件)
uni-app·腾讯云·媒体
$程6 小时前
Uniapp 二维码生成与解析完整教程
前端·uni-app
tryCbest6 小时前
UniApp系列
uni-app·web
iOS阿玮8 小时前
社交的本质是价值交换,请不要浪费别人的时间。
uni-app·app·apple
monika_yu8 小时前
uniapp 开发ios, xcode 提交app store connect 和 testflight内测
uni-app
大阳光男孩11 小时前
Vue3 + UniApp 蓝牙连接与数据发送(稳定版)
uni-app
八月林城1 天前
echarts在uniapp中使用安卓真机运行时无法显示的问题
android·uni-app·echarts