给uni-app的uni-icons组件添加自定义图标(2022)
一、找到uniicons.ttf字体文件
二、在线字体编辑器中打开uniicons.ttf
在线字体编辑器链接
三、去iconfont官网下载svg格式的图标
四、在线字体编辑器上方工具栏点击导入svg
然后就可以看到新增一个从iconfont下载的图标了。
五、(可选)点击新增图标右上角编辑进入编辑页面
将图标大小调整为跟默认图标差不多后点击保存,然后退出编辑。
六、选中新增图标后点击上方工具栏“设置代码点”
七、上方工具栏中选择导出ttf后并替换原有的uniicons.ttf
八、修改文件
进入icons.js,在数组后边继续添加新增图标对象。
进入uniicons.css,添加样式。
记得保存,这样就行了。
给uni-app的uni-icons组件添加自定义图标(2022)相关推荐
- 切换 uniapp_万能前端框架uni app初探03:底部导航开发
前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
- uni app map 地图 漂浮问题及方案
uni app map 地图 漂浮问题及方案 文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
- uni app中使用图表
关于在uni app中运用图表 今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
- uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
- uni app 视频播放功能
视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等 媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...
- uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
- vue插槽solt ,uni.app
一.什么是插槽? 插槽就是子组件提供给父组件使用的一个占位符,用<slot></solt>表示父组件可以在这个占位符中填充任何模板代码. 二.插槽的用法 1.创建一个子组件,在 ...
- vant 验证手机号_【uni app】vant weapp的引入和部分详细调用(表单输入框、验证码、弹出层搭配选择器、地图)...
本次小程序的开发使用uni app+vant weapp,vant weapp如何引用和部分组件使用方法如下 引入 在github(https://github.com/youzan/vant-wea ...
- uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
最新文章
- java.lang.IllegalArgumentException: column ‘_id‘ does not exist
- Mark一下,滑动门插件
- php正则的练习(持续跟新)
- 浅析在网站软文内容中是如何做好关键词优化的?
- 每日一问:你了解 Java 虚拟机结构么?
- MATLAB实战系列(十一)-多种群遗传算法的函数优化算法(附MATLAB代码)
- IO流中文件和文件夹的删除程序举例
- SpringBoot实现懒加载@Lazy
- OS- -文件系统(一)
- 第一次在Django上编写静态网页
- Ubuntu 18.04从源代码编译安装GPU支持的Tensorflow 1.8.0
- pycharm -- 小技巧1 (显示文件的代码结构以及错误提示)
- C++ vector 内存分配与回收机制
- 计算机网络—SR选择重传协议
- 电工技师技能实训考核装置QY-W601C
- 金蝶账套总显示找不到服务器,金蝶KIS账套名称登录时没有显示怎么办呢
- Linux 目录权限
- WinPE工具箱制作PE系统
- spacy依存分析模型
- IE8——focus函数不好用
热门文章
- 基于数据库实现全局唯一ID
- centos7 x11vnc配置
- dqn/deep q network
- zoj 1137 || 1466 Girls and Boys
- 【Android 踩过的坑】4.java.io.IOException: Cannot run program “/system/xbin/su“: error=2, No such file...
- MSMC2进行历史有效种群大小计算
- 硬核——检测贵重物品距离人体远近
- Anaconda安装及配置(详细版)
- 什么是Windows Virtual PC?
- Cache---高速缓冲存储器