单页面配置
原创...大约 1 分钟
app.json
中的部分配置,也支持对单个页面进行配置
可以在页面对应的 文件.json
文件来对本页面的表现进行配置
配置项
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
navigationBarBackgroundColor | HexColor | #000000 | 导航栏背景颜色,如 #000000 |
navigationBarTextStyle | string | white | 导航栏标题颜色,仅支持 black / white |
navigationBarTitleText | string | 导航栏标题文字内容 | |
backgroundColor | HexColor | #ffffff | 窗口的背景色(开启下拉菜单可以观察) |
backgroundTextStyle | string | dark | 下拉 loading 的样式,仅支持 dark / light |
enablePullDownRefresh | boolean | false | 是否开启当前页面下拉刷新 |
onReachBottomDistance | number | 50 | 页面上拉触底事件触发时距页面底部距离,单位为 px。 |
style | string | default | 启用新版的组件样式 |
... | ... | ... | ... |
注意
虽然配置与 app.json
基本一致,但是注意,不再需要添加 window
作为父级
单页面里的.json
配置会覆盖掉app.json
的配置
{
"usingComponents": {},
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "第二个页面",
"backgroundColor": "#ffffff",
"backgroundTextStyle": "light",
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"style": "v2"
}
自定义 window 和 tabBar
相关信息
- 自定义 window
"navigationStyle": "custom",
使用官网自带的头部,样式单一,结构固定,不适合复杂业务的处理,因此可以选择当前页面自定义头部布局
- 自定义 tarBar
"tabBar": {
"custom":true,
……
}
所有 tab
页的 json
里需声明 usingComponents 项,也可以在 app.json
全局开启 custom。
Powered by Waline v2.15.7