uni-app自定义导航顶部苹果按钮不兼容安卓可以怎么解决

uni-app自定义导航顶部苹果按钮不兼容安卓可以怎么解决

“webviewParameter”: {
// “pullToRefresh”: true,

"titleNView": {  
    "autoBackButton": false,  
    "backgroundColor": "#ffffff", //导航栏背景色  
    "titleColor": "#000000", //标题颜色  
    "padding-right": "12px",  
    //"padding-left": "0px",  
     "titleSize": "15px",//标题字体大小    
    // "type":"transparent",//透明渐变样式  

    "titleText": "互享社区",  
    "buttons": [   
        {  
            "float": "left",  
            "fontSrc": "_www/fonts/iconfont.ttf", // 引用本地字体文件  
            "fontSize": "23px",  
            "text": "\ue649"  
        },   

        {   
            "float": "right",  
            "fontSrc": "_www/fonts/iconfont.ttf", // 引用本地字体文件  
            "fontSize": "18px",  
            "text": "\ue607",  
            "onclick": "javascript:plus.webview.getWebviewById('menu').evalJS('menu()');"  
        }  
    ]  
},  
// "appendCss": ".index-top__search .top-search__box .search-box__lt {width: 0px!important; min-width: 0px!important;margin-right: 10px!important;}",  
"appendJs": "js/apps.js",  
"statusbar": {  
    //状态条背景色   
    "style" : "dark",  
    "background": "#ffffff"  
}

}

Image

Image


更多关于uni-app自定义导航顶部苹果按钮不兼容安卓可以怎么解决的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app自定义导航顶部苹果按钮不兼容安卓可以怎么解决的实战教程也可以访问 https://www.itying.com/category-93-b0.html


针对uni-app自定义导航顶部按钮在安卓设备上的兼容性问题，建议从以下几个方面进行排查和解决：

  1. 字体文件路径问题：
  • 确保_www/fonts/iconfont.ttf路径正确
  • 建议使用绝对路径/static/fonts/iconfont.ttf
  1. 按钮样式兼容性：
  • 安卓设备可能不支持某些CSS属性
  • 尝试统一设置按钮的width和height属性
  1. 平台差异处理：
"buttons": [
    {
        "float": "left",
        "fontSrc": "__UNI__/static/fonts/iconfont.ttf",
        "fontSize": "23px",
        "text": "\ue649",
        // 安卓特有配置
        "__platforms": {
            "android": {
                "width": "44px",
                "height": "44px"
            }
        }
    }
]
回到顶部