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 添加",即可

相关推荐
橙子家26 分钟前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user205855615181331 分钟前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州33 分钟前
CSS aspect-ratio 属性完全指南
前端
Pedantic2 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘3 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆3 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师4 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆4 小时前
VSCode自动格式化三要素
前端
爱勇宝5 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员