Home  >  Article  >  Web Front-end  >  How to remove the header in uniapp h5

How to remove the header in uniapp h5

藏色散人
藏色散人Original
2021-01-27 14:28:294962browse

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!

Statement:
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