zoukankan      html  css  js  c++  java
  • window

    window

    用于设置 SWAN 的状态栏、导航条、标题、窗口背景色。

    属性类型默认值描述最低版本
    navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如 "#000000" -
    navigationBarTextStyle String white 导航栏标题颜色,目前仅支持 black/white -
    navigationBarTitleText String - 导航栏标题文字内容 -
    navigationStyle String default 导航栏样式,仅支持以下值:default(默认样式) custom(自定义导航栏),只保留右上角胶囊按钮 百度 App版本11.1.0
    backgroundColor HexColor #ffffff 背景颜色 -
    backgroundTextStyle String dark 下拉背景字体、loading 图的样式,仅支持 dark/light -
    enablePullDownRefresh Boolean false 是否开启下拉刷新 -
    onReachBottomDistance Number 50 页面上拉触底事件触发时距页面底部距离,单位为 px -

    注意:

    • navigationStyle 全局配置AndroidiOS从百度 App版本11.1.0开始支持, 但子页面配置支持情况Android百度 App版本11.1开始支持,iOS百度 App版本11.2开始支持, 做低版本兼容时,通过 swan.getSystemInfo 或者 swan.getSystemInfoSync 获取百度 App版本号进行兼容判断,具体见下表;
    • 无其它特殊说明,请使用canIUse或者SWAN基础库版本进行兼容判断。

    navigationStyle配置

    顶bar设置iOSAndroidWebView组件页面备注
    百度 App定义的顶bar 无版本限制 无版本限制 无版本限制 -
    顶bar全局透明设置 百度 App版本>=11.1 百度 App版本>=11.1 不生效 -
    顶bar子页面透明设置 百度 App版本>=11.2 百度 App版本>=11.1 不生效 每个page的json文件可以单独配置navigationStyle


    适配提示

    原生顶bar高度=状态栏高度(statusBarHeight)+顶部导航栏高度(navigationBarHeight);可通过 swan.getSystemInfo 或者 swan.getSystemInfoSync 获取。

    示例:

    {
    "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "swan接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
    }
    }
  • 相关阅读:
    小程序的目录结构及基本代码编写流程
    vue+hbuilder监听安卓返回键问题
    VUE项目用hbuilder 打包为手机APP
    VUE组件相关总结!
    VUE常用指令总结!
    vue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载及安装
    vue-cli环境搭建初探!
    PHP返回Json数据函数封装
    WeX5入门之HelloWorld
    WeX5入门之欢乐捕鱼打包
  • 原文地址:https://www.cnblogs.com/furuihua/p/11430683.html
Copyright © 2011-2022 走看看