Home > Web Front-end > uni-app > body text

How to remove the header in uniapp h5

藏色散人
Release: 2023-01-13 00:44:35
Original
4971 people have browsed it

Uniapp h5 method to remove the header: first find and open the "pages.json" file; then add a line of ""navigationStyle":"custom"" code in the "pages.json" file.

How to remove the header in uniapp h5

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version, Dell G3 computer.

Recommended (free): uniapp tutorial

uniapp releases H5, how to remove the header (title bar)?

When uniapp publishes H5, if the title bar is not removed, the page will have two title bars when opened on WeChat.

How to remove this title bar?

Figures 1 and 2 below show the effect and source code of the title bar:
How to remove the header in uniapp h5
How to remove the header in uniapp h5
Just add a line of "navigationStyle":"custom in the pages.json file "The code will solve it.
As shown below:
How to remove the header in uniapp h5How to remove the header in uniapp h5
I am a front-end novice, just to record the problems I encountered, which is considered to be taking notes.

The above is the detailed content of How to remove the header in uniapp h5. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template