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

本文主要是介绍Uniapp导航栏右侧自定义图标文字按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

进行如下设置：

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

 

这篇关于Uniapp导航栏右侧自定义图标文字按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---