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

相关推荐
一只一只妖11 小时前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
2501_9159184111 小时前
uni-app 项目 iOS 上架踩坑经验总结 从证书到审核的避坑指南
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者811 小时前
iOS 上架 uni-app 流程全解析,从打包到发布的完整实践
android·ios·小程序·https·uni-app·iphone·webview
悟能不能悟13 小时前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶13 小时前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
gnip15 小时前
js上下文
前端·javascript
中草药z15 小时前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)15 小时前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休15 小时前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架