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>
相关推荐
爱怪笑的小杰杰19 小时前
uni-app Vue3 国际化最佳实践:告别应用重启,优雅实现多语言切换
前端·vue.js·uni-app
yqcoder20 小时前
uni-app 数据缓存详解
缓存·uni-app
2501_9159214320 小时前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
小徐_233321 小时前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
yqcoder1 天前
uni-app 之 页面路由
uni-app
小离a_a1 天前
uniapp小程序添加路由全局限制,增加路由白名单,登录后接口跳转参数正常传递
小程序·uni-app
游九尘1 天前
uniapp获取定位uni.getLocation报错getLocation:fail maybe not obtain GPS Permission.
uni-app
雪芽蓝域zzs2 天前
uniapp 该应用与此设备的CPU不兼容
uni-app
CHB2 天前
uni-task - 轻量级团队任务管理系统
uni-app
行思理2 天前
UniApp 打包配置 iOS的UniversalLinks
uni-app·universal link