小程序 page.json 单独页面配置

发布于 2024-09-09 19:54:09 字数 1550 浏览 22 评论 0

如果你整个小程序的风格是蓝色调,那么你可以在 app.json 里边声明顶部颜色是蓝色即可。实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json ,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色、是否允许下拉刷新等等。

每一个小程序页面使用 同名 xxx.json 文件来对本页面的窗口表现进行配置。

页面配置中只能设置 app.jsonwindow 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性

{
    "navigationBarBackgroundColor": "#000000", // 导航栏背景颜色
    "navigationBarTextStyle": "white", //导航栏标题颜色,仅支持 black / white
    "navigationBarTitleText": "微信接口功能演示", // 导航栏标题文字内容
    "navigationStyle": "default", //导航栏样式,仅支持以下值:default 默认样式、custom 自定义导航栏,只保留右上角胶囊按钮
    "backgroundColor": "#eeeeee", // 窗口的背景色
    "backgroundTextStyle": "light", // 下拉 loading 的样式,仅支持 dark / light
    "backgroundColorTop": "#ffffff", // 顶部窗口的背景色,仅 iOS 支持
    "backgroundColorBottom": "#ffffff", // 底部窗口的背景色,仅 iOS 支持
    "enablePullDownRefresh": false, //是否开启当前页面下拉刷新。
    "onReachBottomDistance": 50, // 页面上拉触底事件触发时距页面底部距离,单位为 px。
    "pageOrientation": "auto", // 屏幕旋转设置,支持 auto / portrait / landscape
    "disableScroll": false, // 设置为 true 则禁止页面整体上下滚动。只在页面配置中有效,无法在 app.json 中设置
    "usingComponents":{}, // 页面自定义组件配置
    "initialRenderingCache": , //页面初始渲染缓存配置
    "style": "default", // 启用新版的组件样式
    "singlePage": {} // 单页模式相关配置
		"initialRenderingCache": "static", // 启用该页面初始渲染缓存
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

风情万种。

暂无简介

0 文章
0 评论
22 人气
更多

推荐作者

我们的影子

文章 0 评论 0

素年丶

文章 0 评论 0

南笙

文章 0 评论 0

18215568913

文章 0 评论 0

qq_xk7Ean

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文