uni框架引入外部图标
2024-09-02 06:50:05
说明
在使用uni框架的uni-nav-bar自定义导航栏的时候我想要引用外部的图标,但是似乎这个好像只能引入uni框架内置的图标
所以我只能把uni的图标进行增加处理,这样引入图标的方式就和正常的引入方式一样了,不过需要去修改uni-icons的文件
操作
1.下载要引入的图标
2.下载以后解压关注iconfont.ttf和iconfont.css两个文件
首先找到你自己项目目录下面的uni-icons的路径,然后把iconfont.ttf复制到这个目录下
找不到就检测你是否引入了uni的图标,实在不行就全局搜索一下
打开iconfont.css文件,找到我们要加入内置图标的
3.打开uni-icons的路径下的uni-icons.vue文件
4.打开uni-icons的路径下的uniicons.css文件
按照格式添加就行了,想要更多的图标在下面写就行了
5.保存然后调用
如果是APP记得重新运行一下基座
最新文章
- 从零自学Hadoop(04):Linux准备下
- CodeForces 548
- goldengate studio 12.2.1.2.6发布
- pstack使用和原理【转】
- windows下使用xShell远程连接virtualbox里面的linux
- Library cache lock/pin详解
- android 26 设置项目有多个入口Activity。
- Swift - 工具条(UIToolbar)的用法
- Best jQuery Plugins of the Month – May 2014
- C++11改进我们的程序之简化我们的程序1
- icon图标和文字整体居中在button按钮
- Spring(二):Spring框架&;Hello Spring
- 解决使用angular2路由后,页面刷新后报404错误。
- 【iCore1S 双核心板_FPGA】例程六:状态机实验——状态机使用
- 一元二次方程解法的实现(Python)
- java接口的学习笔记
- 【转】Java学习---10个测试框架介绍
- Java编程的逻辑 (3) - 基本运算
- 第一篇:初识ASP.NET控件开发_第一节:控件类及其继承关系
- 传输控制协议--- Transmission Control Protocol (TCP)