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

作者 : admin 本文共432个字,预计阅读时间需要2分钟 发布时间: 2024-06-13 共1人阅读

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

进行如下设置:

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

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

 

本站无任何商业行为
个人在线分享 » Uniapp导航栏右侧自定义图标文字按钮
E-->