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>
相关推荐
秋田君8 小时前
uniapp跨域问题解决方案
uni-app
T^T尚8 小时前
uniapp H5上传图片前压缩
前端·javascript·uni-app
new出一个对象11 小时前
uniapp的renderjs使用
uni-app
碎像11 小时前
uni-app 发布媒介功能(自由选择媒介类型的内容) 设计
uni-app
anyup_前端梦工厂11 小时前
uni-app 认识条件编译,了解多端部署
前端·vue.js·uni-app
anyup_前端梦工厂13 小时前
uni-app 玩转条件编译:自定义平台的条件编译实战详解
前端·vue.js·uni-app
anyup17 小时前
【附源码】微信公众号 h5 网页授权开发
前端·微信·uni-app
破z晓19 小时前
uni-app集成使用SQLite数据库
数据库·uni-app
五秒法则1 天前
从搭建uni-app+vue3工程开始
前端·vue.js·uni-app
dr李四维1 天前
应用商店双弹窗“APP在向用户申请权限时未同步告知用户申请此权限的理由”驳回uni-app应用上线的解决方法
前端·javascript·笔记·uni-app·产品运营·bug·产品经理