nuiapp顶部导航栏.ttf图标制作

1 图标的下载
(1) 登录阿里巴巴矢量图标库网站,在所有图标库下载你需要的图标
地址:https://www.iconfont.cn/search/index
在这里插入图片描述

(2) 选择SVG格式的下载到本地
在这里插入图片描述
二 新建项目
在这里插入图片描述
在这里插入图片描述
三 上传刚才下载SVG的图片到刚创建的项目
(1)上传图标
在这里插入图片描述
(2)编辑图标
在这里插入图片描述
(3)保存并提交
在这里插入图片描述
3 将图标下载到本地
(1)下载图标
在这里插入图片描述
4 将图标引入到uniapp项目中
(1)将下载到本地的图标压缩包解压并把以.ttf后缀的文件引入到项目的static文件下
在这里插入图片描述

在这里插入图片描述
(2)对项目中page.json加入app-plus配置

  {
   "path" : "pages/main/main",
   "style" : {
				"navigationBarBackgroundColor":"#4CD964",
				"navigationBarTitleText":"发车位调度",
				"app-plus": 
					{"titleNView":
						{"buttons": 
							[{"text":"\ue602","fontSrc":"/static/iconfont.ttf","fontSize":"20px","float":"left"}]}}
			}
        }

注意:“text”:"\ue602"的值是
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值