Uniapp导航栏右侧自定义图标文字按钮

1.再pages.js中找到该页面内容:

进行如下设置:

javascript 复制代码
 {
      	"path" : "pages/finishPfpOrder/finishPfpOrder",
      	"style" : 
      	{
          "navigationBarTitleText": "首件列表",
          "navigationBarBackgroundColor": "#00A06E",
          "navigationBarTextStyle": "white",
          "backgroundColor":"#FFFFFF",
          "app-plus": {
                "titleNView": {
                  "buttons": [
                    {
                      "text": "\ue889",
                      "fontSrc": "/static/baricon/iconfont.ttf",
                      "fontSize": "45upx",
                      "float": "right"
                    }
                  ]
                },
                "bounce": "none"
              }
        }
      }

fontSrc为字体图标文件 text为图标名称 以\ue开头 后面数字为字体图标中的数字,如果想拼接文字 "text": "\ue889 添加",即可

相关推荐
Apifox.4 分钟前
Apifox 4月更新|Apifox在线文档支持LLMs.txt、评论支持使用@提及成员、支持为团队配置「IP 允许访问名单」
前端·人工智能·后端·ai·ai编程
划水不带桨10 分钟前
大数据去重
前端
沉迷...15 分钟前
手动实现legend 与 echarts图交互 通过js事件实现图标某项的高亮 显示与隐藏
前端·javascript·echarts
可观测性用观测云30 分钟前
观测云数据在Grafana展示的最佳实践
前端
uwvwko1 小时前
ctfhow——web入门214~218(时间盲注开始)
前端·数据库·mysql·ctf
Json____1 小时前
使用vue2开发一个医疗预约挂号平台-前端静态网站项目练习
前端·vue2·网站模板·静态网站·项目练习·挂号系统
littleplayer1 小时前
iOS Swift Redux 架构详解
前端·设计模式·架构
工呈士1 小时前
HTML 模板技术与服务端渲染
前端·html
皮实的芒果1 小时前
前端实时通信方案对比:WebSocket vs SSE vs setInterval 轮询
前端·javascript·性能优化
鹿九巫1 小时前
【CSS】层叠,优先级与继承(三):超详细继承知识点
前端·css