uni-app(1)

最新推荐文章于 2024-08-18 14:11:35 发布

原创最新推荐文章于 2024-08-18 14:11:35 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

uni-app

去掉顶部导航

在page.json中添加

"globalStyle" : {
        "navigationBarTextStyle" : "black",
        "navigationBarTitleText" : "南京公用水务有限公司数据平台",
        "navigationBarBackgroundColor" : "#F8F8F8",
        "backgroundColor" : "#F8F8F8",
        "navigationStyle":"custom",
        "app-plus":{
            "titleView":false
        }
        
    },

或者单个页面中添加

{
            "path" : "pages/Login/Login",
            "style" : {
                "navigationStyle":"custom",
                "app-plus":{
                    "titleView":false
                }
            }
        },

跨端(条件显示)

<!-- #ifdef MP-WEIXIN -->
　　只在微信开发者工具中显示
<!-- #endif -->
  
<!-- #ifndef MP-WEIXIN -->
    非 微信小程序 显示
<!-- #endif -->

跳转

1.非tab页面
uni.navigateTo　　　　非 tabBar，可以带参数　　　　保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
uni.redirectTo　　　　非tabBar，可以带参数　　　　关闭当前页面，跳转到应用内的某个页面。

2.tab页面

uni.switchTab

导航栏配置

{
   //pages数组中第一项表示应用启动页，参考 
   https://uniapp.dcloud.io/collocation/pages
   "path": "pages/new/new",
   "style": {
	navigationBarTitleText": "最新",
	"enablePullDownRefresh": true
    }
}