uni-app condition启动模式配置

待我称王封你为后i 2021-07-24 11:58 610阅读 0赞

# 一 点睛 #

通过启动模式配置可以在开发时直达要进入的页面。本例通过 condition 配置，直达详情页。

# 二 代码 #

## 1 新增 detail.vue 详情页 ##

## 2 pages.json 中配置condition ##

{
        "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
            {
                "path": "pages/message/message",
                "style":{
                    "navigationBarTitleText":"信息页",
                    "navigationBarBackgroundColor":"#007AFF",
                    "h5":{
                        "pullToRefresh":{
                            "color":"#7D26CD"
                        }
                    }
                }
            },
            {
                "path": "pages/index/index"
            },
            {
                "path": "pages/contact/contact"
            },
            {
                "path": "pages/detail/detail"
            }
        ],
        "globalStyle": {
            "navigationBarTextStyle": "white",
            "navigationBarTitleText": "绿帽子",
            "navigationBarBackgroundColor": "#7FFF00",
            "backgroundColor": "#7CCD7C",
            "enablePullDownRefresh": true,
            "backgroundTextStyle":"light"
        },
        "tabBar":{
            "color":"#F0AD4E",
            "selectedColor":"#4CD964",
            "backgroundColor":"#007AFF",
            "borderStyle":"black",
            "list":[
                {
                    "text":"首页",
                    "pagePath":"pages/index/index",
                    "iconPath":"static/tabs/1237644.png",
                    "selectedIconPath":"static/tabs/1237719.png"
                },
                {
                    "text":"信息页",
                    "pagePath":"pages/message/message",
                    "iconPath":"static/tabs/1246271.png",
                    "selectedIconPath":"static/tabs/1262419.png"
                },
                {
                    "text":"我们",
                    "pagePath":"pages/contact/contact",
                    "iconPath":"static/tabs/1262419.png",
                    "selectedIconPath":"static/tabs/1289167.png"
                }
            ]
        },
        "condition":{
            "current":0,
            "list":[
                {
                    "name":"详情页",
                    "path":"pages/detail/detail",
                    "query":"id=80"
                }
            ]
        }
    }

# 三 测试 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/130ec30f9b5f497b8bbaa84479436a6d.png