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



 

相关推荐

  1. Uniapp导航右侧定义图标文字按钮

    2024-06-14 15:14:03       8 阅读
  2. Uniapp定义导航

    2024-06-14 15:14:03       35 阅读
  3. uniapp——定义导航的封装

    2024-06-14 15:14:03       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 15:14:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 15:14:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 15:14:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 15:14:03       20 阅读

热门阅读

  1. MYSQL5.7 切换datadir数据目录

    2024-06-14 15:14:03       5 阅读
  2. SQL入门教程

    2024-06-14 15:14:03       6 阅读
  3. Oracle复习部分记录

    2024-06-14 15:14:03       5 阅读
  4. 多个服务器的用户共享同一个用户目录的做法

    2024-06-14 15:14:03       7 阅读
  5. mybatis条件判断及动态sql的简单拓展

    2024-06-14 15:14:03       8 阅读
  6. Web前端技术:深入剖析与未来展望

    2024-06-14 15:14:03       6 阅读