uni-app 基本配置pages,json

 

 

{    
    // 打开页面的路径
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        // 在第一位的事默认打开的页面
        {
            "path": "pages/message/message",
            // 这是本页面的样式,这个样式权重大于全局
            "style": {
                "navigationBarTitleText": "页面独有外观样式"
            }
        },{
            "path": "pages/index/index",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "消息"
            }
        },{
            "path": "pages/dition/dition",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "详情"
            }
        }
    ],
    // 状态栏、导航条、标题、窗口背景色样式等,这是全局的
    "globalStyle": {
        // 导航栏文字颜色
        "navigationBarTextStyle": "white",
        // 导航栏标题
        "navigationBarTitleText": "uni-app",
        // 导航栏背景色
        "navigationBarBackgroundColor": "#075eb6",
        // 开启下拉刷新
        "enablePullDownRefresh":true,
        // 这个是开启下拉后刷新的那个背景色
        "backgroundColor": "#F8F8F8",
        // 设置loading 样式
        "backgroundTextStyle":"light"
        
    },
    // 页面下面的页面切换
    "tabBar":{
        // 未选中的颜色
        "color":"#a0522d",
        // 选中后的文字颜色烦烦烦
        "selectedColor":"#b3ee3a",
        // 背景颜色
        "backgroundColor":"#fff",
        // 切换按钮最少两个最多五个
        "list":[
            {
                //名称
                "text":"首页",
                //路径
                "pagePath":"pages/index/index",
                //图片
                "iconPath":"static/zy.png",
                // 选中后图片
                "selectedIconPath":"static/zyxzh.png"
            },{
                "text":"消息",
                "pagePath":"pages/message/message"
            }
        ]
        
    },
    "condition" : { //模式配置,仅开发期间生效
        "current": 0, //当前激活的模式(list 的索引项)
        "list": [
            {
                "name": "详情页", //模式名称
                "path": "pages/dition/dition", //启动页面,必选
                "query": "id=80" //启动参数,在页面的onLoad函数里面得到
            }
        ]
    }
}

 

posted @ 2020-10-19 16:19  不吃肉的羊  阅读(3394)  评论(0编辑  收藏  举报