&3.0.1 uni-app:pages.json配置详解

 这只是个人在使用的过程中做的简单记录,详细的配置信息可以直接查看官方文档 https://uniapp.dcloud.io/collocation/pages

{
    // 主包
    "pages": [
        {
            // path:页面路径
            "path": "pages/tabBar/component/component",
            // 页面相关配置
            "style": {
                "navigationBarTitleText": "内置组件", // 页首标签名
                "app-plus": {    // 。。。
                    "bounce": "vertical",
                    "titleNView": {
                        "buttons": [{
                            "text": "\ue534",
                            "fontSrc": "/static/uni.ttf",
                            "fontSize": "22px",
                            "color": "#FFFFFF"
                        }]
                    }
                }
            }
        },
        /// 下边的#ifdef,暂时还没有弄明白
        // #ifdef H5 || APP-PLUS
        {
            "path": "pages/about/about",
            "style": {
                "navigationBarTitleText": "关于"
            }
        },
        // #endif
    ],
    // 分包
    "subPackages": [
        {
            "root": "pages/API",
            "pages": [
                {
                    "path": "subnvue/subnvue",
                    "style": {}
                },
            ]
        },
    ],
    // 公共样式
    "globalStyle": { 
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "Hello uniapp",
        "navigationBarBackgroundColor": "#007AFF",
        "backgroundColor": "#F8F8F8",
        "backgroundColorTop": "#F4F5F6",
        "backgroundColorBottom": "#F4F5F6",
        "app-plus": {
          "animationType": "pop-in"
        }
    },
    // 列表按钮
    "tabBar": {
        "color": "#7A7E83",
        "selectedColor": "#007AFF",
        "borderStyle": "black",
        "backgroundColor": "#F8F8F8",
        "list": [ 
            {
                "pagePath": "pages/tabBar/component/component",
                "iconPath": "static/component.png",
                "selectedIconPath": "static/componentHL.png",
                "text": "内置组件"
            },
        ]
    }
}

猜你喜欢

转载自www.cnblogs.com/dugo/p/12196780.html
今日推荐