uni-app中pages.json详解

最新推荐文章于 2024-04-23 16:43:38 发布

VR攻城狮

最新推荐文章于 2024-04-23 16:43:38 发布

阅读量5k

点赞数 1

分类专栏： uni-app 文章标签： json html5 html

本文链接：https://blog.csdn.net/weixin_57156748/article/details/120267815

版权

本文详细解析uni-app的pages.json文件，涵盖全局配置、页面路径、窗口表现和多tab设置等内容，帮助开发者深入理解uni-app的配置机制。

摘要由CSDN通过智能技术生成

pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置多 tab 等。

pages.json 配置项列表

globalStyle Object 否 设置默认页面的窗口表现
pages Object Array 是 设置页面路径及窗口表现
tabBar Object 否 设置底部 tab 的表现
condition Object 否 启动模式配置

以下是一个包含了所有配置选项的 pages.json ：

{
    "pages": [
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "收银员",// 导航栏标题文字内容
                "backgroundTextStyle": "dark" ,//下拉 loading 的样式，仅支持 dark/light
                "enablePullDownRefresh":"false" ,//是否开启下拉刷新，详见页面相关事件处理函数
                "onReachBottomDistance":50 ,//页面上拉触底事件触发时距页面底部距离，单位为px 
                "backgroundColorTop":"#ffffff" ,//顶部窗口的背景色。 微信小程序且为 iOS
                "backgroundColorBottom":"#ffffff" ,//底部窗口的背景色。 微信小程序且为 iOS
            }
        },