uni-app 设置引导页


  • 首先在 pages.json 里配置,引导页放在第一显示页并禁用原生导航栏
{
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path" : "pages/intro/intro",
            "style" : {
                "app-plus":{
                    "titleNView":false //禁用原生导航栏
                }
            }
        },{
            "path": "pages/index/index", //首页
            "style": {
                "navigationBarTitleText": "首页"
            }
        }
        
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    }
}

  • 设置 intro.vue 页面样式,下面代码是简易的轮播图可以先复制下来看一下效果,再根据自己的需求调整





这个引导页是每次进入app的时候都会显示的,只需要第一次打开的时候出现,需要判断一下,后期附上代码


参考:https://www.uniapp.club/thread-13.htm

你可能感兴趣的:(uni-app 设置引导页)