Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏

uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏

作者头像

唯一Chat

发布于 2023-04-13 12:02:57

发布于 2023-04-13 12:02:57

2.4K00

代码可运行

举报

文章被收录于专栏：陶士涵的菜地陶士涵的菜地

运行总次数：0

代码可运行

uniapp项目中如果想关闭所有页面的顶部导航栏

在page.json中

    "globalStyle": {
        "navigationStyle":"custom",
    },

如果是指定某个页面关闭顶部导航栏

        ,{
            "path" : "pages/index/webview",
            "style": {
                "navigationStyle":"custom"
            }
        }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-04-11，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

鹅厂写码13年，我总结的程序员高效阅读方法论

进程，线程，协程 - 你了解多少？

微服务与分布式系统设计看这篇就够了！

腾讯文档表格卡顿指标探索之路

从Hadoop1.0到Hadoop2.0架构的优化和发展探索详解

微服务架构：由浅入深带你了解底层注册中心

[保姆级教程]uniapp自定义导航栏

小程序·云开发

在你的页面 pages.json 配置中，为相应的页面设置 navigationStyle 为 custom，这将隐藏默认的导航栏。

肥晨

2024/07/04

1.2K0

uni-app小程序开发常用配置项配置

app 变量开发配置小程序

https://uniapp.dcloud.net.cn/collocation/pages.html#pages

码客说

2024/07/11

3660

H5客服系统源码开发时解决uniapp标题栏navigationBar设置不显示问题

json app开发登录系统

在使用uniapp开发在线客服系统时，当设置了标题栏，那么在项目的所有页面中都会显示出标题

唯一Chat

2023/02/28

6180

H5客服系统源码开发时解决uniapp标题栏navigationBar设置不显示问题

uni-app开发一个小视频应用(一)

“ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，是一种终极的跨平台解决方案，这里的平台，主要指的是App平台(android、ios)、小程序平台、H5平台。开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 ” 01 开发一个小视频应用一初始化项目打开HBuilderX IDE，新建一个名称为mini-video的初始化uni-app项目，这里勾选uni-app即可创建，项目创建完成后，打开pages

腾讯NEXT学位

2019/10/12

3.9K0

uni-app开发一个小视频应用(一)

自定义微信导航栏

虽然自定义效果还不错，但是要注意进行微信版本的兼容问题，window.navigationStyle 只能支持 6.6.0 以上微信版本，对应基础库版本为 1.9.1。如果需要针对低版本微信进行兼容，要做好兼容性适配。

前端黑板报

2018/12/21

8850

uni app 零基础小白到项目实战-1

jquery ui javascript vue.js 小程序

uni-app是一个使用vue.js开发跨平台应用的前端框架。开发者通过编写vue.js代码，uni-app将其编译到Ios,android,微信小程序等多个平台，保证其正确并达到优秀体验。 Uni-app继承自vue.js，提供了完整的vue.js开发体验。

达达前端

2019/09/29

1.7K0

uni app 零基础小白到项目实战-1

小程序当中的文件类型，组织结构，配置，知识点等

xml javascript 微信 html json

在微信小程序中有四种文件类型，主要分样式，骨架，业务，配置，样式为wxss，这里的wxss与页面的css相类似，骨架为wxml，这里的wxml于页面的html相类似，业务逻辑都是以js为结尾，配置文件为json结尾。

达达前端

2019/07/03

7820

小程序当中的文件类型，组织结构，配置，知识点等

微信小程序转发朋友圈详解

小程序微信

这个功能目前只支持Android(在IOS高版本微信支持朋友圈打开小程序能力，但不能分享)。

有赞coder

2020/09/27

4K0

uni-app下拉刷新加载刷新数据

bash bash 指令 javascript 编程算法

onPullDownRefresh 监听该页面用户下拉刷新事件需要在 pages.json 里开启 enablePullDownRefresh

达达前端

2019/10/14

7.4K0

【愚公系列】《微信小程序与云开发从入门到实践》005-小程序项目的基本结构

腾讯技术创作特训营S11#重启人生

在当今移动互联网的迅猛发展中，小程序以其轻便、高效的特点，逐渐成为了吸引用户的重要工具。无论是电商、社交还是生活服务，各类小程序如雨后春笋般涌现，改变了我们与应用的交互方式。然而，很多开发者在初次接触小程序时，往往对其项目结构感到迷茫。了解小程序的基本结构不仅是开发的第一步，更是构建高效、可维护应用的基础。

愚公搬代码

2025/01/10

1200

保姆级全栈项目BBS 开发实录第二章：前端基础页面

class 基础开发前端全栈

https://cdn.jsdelivr.net/gh/Qiu-JW/NotePicture/2024/08/image-20240806215014105.png

Qiuner

2024/11/21

500

保姆级全栈项目BBS 开发实录第二章：前端基础页面

uniapp page.json

---- 「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 pages 配置应用，由哪些页面组成，此节点接收一个数组，数组中是多个对象。对象有两个属性 path style path : String类型配置页面路径 style : object类型用于设置每个页面的状态栏、导航条、标题、窗口背景色等。页面中配置项会覆盖globalStyle 中相同的配置项 "pages": [ { "path": "pages/index/i

用户4793865

2023/01/12

1.3K0

uni-app（优医咨询）项目实战 - 第1天

小程序 app 插件开发配置

在本节要求大家掌握 uni-app 项目的创建、运行、以及 Android 真机环境配置，内容侧重于动手操作，需要理解的部分较少，操作过程中遇到错误后，可以从头重新进行操作，直到环境正常运行。

程序员朱永胜

2024/04/18

2090

uni-app（优医咨询）项目实战 - 第1天

uni-app实战之社区交友APP（2）全局样式引入和底部导航栏开发

unity css https 网络安全 javascript

本文先介绍了uni-app项目中引入全局样式的种类，即App.vue中引入官方CSS样式库、自定义图标库和CSS动画库；再介绍了在pages.json中定义globalStyle；最后实现了项目的导航栏开发。

cutercorley

2021/01/26

2.8K0

uni-app实战之社区交友APP（2）全局样式引入和底部导航栏开发

uni-app自定义导航栏

打开pages.json配置文件，找到自定义导航栏的页面，在页面的style里面设置导航栏样式navigationStyle属性。

王小婷

2020/01/15

1.3K0

uniapp自定义导航配置分享

基于uniapp 自定义导航栏|仿微信、淘宝顶部导航条，支持背景渐变、标题居左 /居中、搜索条，圆点提示，按钮可自定义传入文字 /字体图标 /图片

andy2018

2019/09/18

6.3K0

uniapp自定义导航配置分享

uni-app小程序开发记录

前言：最近在用uni-app学习并开发一些小应用，顺便记录下开发和学习过程中遇到的一些坑，方便以后避免 1.uni-swiper-dot 轮播图设置默认值的坑：需要在swiper上设置current 默认值才生效完整代码： <uni-swiper-dot :info="info" :current="current" field="content" :mode="mode"> <swiper class="swiper-box" @change="paperChange" :cur

biaoblog.cn 个人博客

2022/08/11

4100

微信小程序自定义顶部导航栏并适配不同机型

微信小程序 2023腾讯·技术创作特训营第四期 uni-app vue3

在小程序中，顶部导航栏是一个非常重要的组件，它不仅可以方便用户进行页面切换，还可以提高用户体验。默认情况下，小程序的顶部导航栏是由系统自动生成的，我们只能修改一些基本的样式，如背景色、文字颜色等。但是，如果想要实现更加复杂的样式，如自定义图标、自定义背景等，而且在不同的手机屏幕上，导航栏的高度和样式也可能有所不同。因此，我们需要自定义顶部导航栏，以满足我们的设计需求和用户体验。

Front_Yue

2023/12/10

3.2K3

微信小程序自定义顶部导航栏并适配不同机型

[保姆级教程]uniapp小程序获取右上角胶囊位置信息

小程序·云开发

在你的页面 pages.json 配置中，为相应的页面设置 navigationStyle 为 custom，这将隐藏默认的导航栏。

肥晨

2024/07/03

7160

小程序顶部自定义导航栏添加背景图的实现

官方文档：navigationStyle 导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮)。

王小婷

2019/02/21

5.5K0

小程序顶部自定义导航栏添加背景图的实现

相关推荐

[保姆级教程]uniapp自定义导航栏

更多 >

LV.1

新浪网技术(中国)有限公司PHP开发工程师

作者相关精选

H5客服系统源码开发时解决uniapp标题栏navigationBar设置不显示问题

加入讨论

的问答专区 >

架构师之路0

1技术VP擅长5个领域

相关课程

一站式学习中心 >

微信公众号在线学习平台搭建实践_《硅谷课堂》

数字化IT从业者知识体系

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验