zoukankan      html  css  js  c++  java
  • 配置uni-app导航栏上按钮

    查看uni-app官网,buttons配置即可

    例子:

    {
        "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
            {
                "path": "pages/index/index",
                "style": {
                    "app-plus": {
                        "titleNView": {
                            "searchInput": {
                                "align": "center",
                                "backgroundColor": "#eee",
                                "borderRadius": "5px", // 只能用px作单位
                                "placeholder": "请输入内容",
                                "placeholderColor": "#ccc"
                            },
                            "buttons": [{
                                "color": "#F0AD4E",
                                "colorPressed": "#eee",
                                "float": "left",
                                "fontSize": "22px",
                                "fontSrc": "/static/iconfont.ttf", // 字体文件
                                "text": "ue65d" // 字体图标u 开头,加上字体图标unicode后面四位
                            },
                            {
                                 "color": "#333",
                                 "colorPressed": "#eee",
                                 "float": "right",
                                 "fontSize": "22px",
                                 "fontSrc": "/static/iconfont.ttf", // 字体文件
                                 "text": "ue678" // 字体图标u 开头,加上字体图标unicode后面四位
                            }
                            ]
                        }
                    }
                }
            }
        ],
        "globalStyle": {
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "uni-app",
            "navigationBarBackgroundColor": "#F8F8F8",
            "backgroundColor": "#F8F8F8"
        }
    }

    效果:

  • 相关阅读:
    Visual C++ in Visual Studio 2015
    Paxos
    dtrace
    性能测试应该怎么做?
    CLREX
    Header Field Definitions Accept-Encoding
    汇编跟逆向工程
    Optimize Managed Code For Multi-Core Machines
    Improve Scalability With New Thread Pool APIs
    CLR thread pool
  • 原文地址:https://www.cnblogs.com/luguankun/p/11518231.html
Copyright © 2011-2022 走看看