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

uniapp使用字体图标 ttf svg作为选项图标,还支持变色变图按

在staic目录下有一些ttf文件,如uni.ttf,iconfont.ttf 这些文件中保存这字体svg的源码们,我们也可以在网上找其他的。这些就是我们要显示的突图标的 显示来源。这样不用使用png图标,选中不选中还得用两个图片

我的具体使用如下

	"tabBar": {"color": "#7A7E83","selectedColor": "#007AFF","borderStyle": "black","backgroundColor": "#F8F8F8","iconfontSrc":"static/uni.ttf","list": [{"pagePath": "pages/tabBar/component/component","iconPath": "static/c1.png","selectedIconPath": "static/c1.png","text": "功能1","iconfont": { // 优先级高于 iconPath,该属性依赖 tabbar 根节点的 iconfontSrc"text": "\ue534","selectedText": "\ue230","fontSize": "16px","color": "#000000","selectedColor": "#0000ff"}},

编码我是在page.json中随机找的,以后有好方法再记录

FontForge on Windows 一个软件

比如上面这个图标就填写上 "selectedText": "\ue8e5", 试验么问题

windows 查看ttf字体_如何查看ttf中字符-CSDN博客

 以下是选中效果和非选中效果的实际效果展示

 

下面是官网的解释

http://www.lryc.cn/news/458111.html

相关文章:

  • <Project-6 pdf2tx> Python Flask 应用:图片PDF图书的中文翻译解决方案
  • 10.11Python数学基础-多维随机变量及其分布
  • (四)Mysql 数据库备份恢复全攻略
  • 在MySQL 8.0中,如何更好地管理索引以节省空间和提高查询效率?
  • 图形化编程(013)——“面向鼠标指针”积木块
  • 【Spring】Spring Boot项目创建和目录介绍
  • 第十二章 RabbitMQ之失败消息处理策略
  • 23年408数据结构
  • vue3ElementPlu表格合并多行
  • MySQL数据库 - 索引(上)
  • redis与springBoot整合
  • YoloV9改进策略:BackBone改进|CAFormer在YoloV9中的创新应用,显著提升目标检测性能
  • 消防应急物资仓库管理系统
  • 【论文阅读】Semi-Supervised Few-shot Learning via Multi-Factor Clustering
  • 第十三章 RabbitMQ之消息幂等性
  • tpcms-master.zip
  • Spring国际化和Validation
  • ②EtherCAT转ModbusTCP, EtherCAT/Ethernet/IP/Profinet/ModbusTCP协议互转工业串口网关
  • 【华为HCIP实战课程八】OSPF网络类型及报文类型详解,网络工程师
  • 信息安全工程师(28)机房安全分析与防护
  • 大数据处理从零开始————9.MapReduce编程实践之信息过滤之学生成绩统计demo
  • 自动化测试 | 窗口截图
  • 初中数学网上考试系统的设计与实现(论文+源码)_kaic
  • 关系运算(3)
  • tp6的系统是如何上架的
  • Vue:开发小技巧
  • 力扣之1369.获取最近第二次的活动
  • Python 和 Jupyter Kernel 版本不一致
  • Android常用布局
  • 初级网络工程师之从入门到入狱(五)