当前位置: 首页 > article >正文

uniapp - iconfont下载本地并且运用至项目上

1、项目中创建一个文件夹放置iconfont相关文件,例如src/assets/iconfont(名称自己定义)
在这里插入图片描述
2、在iconfont下载项目至本地
在这里插入图片描述
3、解压后把文件复制进1的文件夹中
在这里插入图片描述
4、修改src/assets/iconfont - iconfont.css里的@font-face的src地址,修改成绝对路径
在这里插入图片描述
在这里插入图片描述
注意:这里的123是我瞎写的,下载后的t=xxx是什么,123就是代表那个的。
5、在App.vue中把iconfont引入到项目中
App.vue

<style lang="scss">
@import "./assets/iconfont/iconfont.css";
</style>

6、在项目中使用iconfont图标

<view class="iconfont f-24 lin-24 col-333">&#xe66a;</view>

在这里插入图片描述


http://www.kler.cn/a/545442.html

相关文章:

  • vscode C/C++ CMake 调试
  • DeepSeek 本地部署(电脑安装)
  • “PEP 8: W292 no newline at end of file“报错 IntelliJ IDEA自动添加空行问题
  • 读取本地excel并生成map,key为第一列,value为第二列
  • CSS实现与文字长度相同的下划线
  • CSS实现自上层放大动画
  • ANI-AGI-ASI
  • Postman配置环境变量(超详细的)
  • 分享 UniApp 中超好看的卡片阴影样式
  • 分布式环境下的锁机制:Redis与Redisson的应用探讨
  • js 正则规则 和 常用正则表达式
  • PyQT项目如何在Linux中自启显示界面
  • k8s启空容器用于排查问题
  • Git命令摘录
  • 从递归到动态规划(一维)
  • js实现点击音频实现播放功能
  • redis RDB AOP区别,文件格式及内容
  • Java开发中的连接池技术介绍
  • 【设计模式】【行为型模式】迭代器模式(Iterator)
  • 探索ELK 的魅力