小程序隐藏单个页面的标题栏 您所在的位置:网站首页 隐藏小程序怎么隐藏 小程序隐藏单个页面的标题栏

小程序隐藏单个页面的标题栏

2024-07-03 16:53| 来源: 网络整理| 查看: 265

阐述

一开始网上搜索,只能在app.json中的window里面设置 “navigationStyle”: “custom” ,这样小程序所有页面都没有导航栏了,只保留右上角胶囊按钮,后来经过自己网上查阅资料。在单页面也可以设置。

注意: iOS/Android 微信客户端 6.6.0,Windows 微信客户端不支持 全局设置导航栏,隐藏

app.json设置 – “navigationStyle”: “custom”

PS:从app.json中设置所有页面都会生效,导航消失。

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#7FBE25", "navigationBarTextStyle": "black", "navigationStyle": "custom" },

“navigationStyle”: “custom” 设置之前: 在这里插入图片描述 “navigationStyle”: “custom” 设置以后:这样我们看到首页文字都不见了,所以这不是我们想要的结果。 在这里插入图片描述

单页面设置导航栏,隐藏

login.json 登录页面 – “navigationStyle”: “custom”

PS:这样设置就只登录页面隐藏导航栏,其他页面还会继续保留。

{ "usingComponents": { "van-button": "../../miniprogram_npm/@vant/weapp/dist/button/index", "van-dialog": "../../miniprogram_npm/@vant/weapp/dist/dialog/index" }, "navigationBarTitleText": "登录", "navigationStyle": "custom" }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有