Home  >  Article  >  Web Front-end  >  How to set the navigation bar style in uniapp

How to set the navigation bar style in uniapp

coldplay.xixi
coldplay.xixiOriginal
2020-12-15 17:58:247911browse

How to set the navigation bar style in uniapp: First click on the new project below and open the pages.json file; then click on the search file option below and enter globalStyle; finally locate the navigation style part in the file Just make the changes.

How to set the navigation bar style in uniapp

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

How to set the navigation bar style in uniapp:

1. First, click to create the following project, as shown in the figure below

How to set the navigation bar style in uniapp

2. Then create a uni-app project, as shown in the figure below

How to set the navigation bar style in uniapp

3. Then open the pages.json file, as shown in the figure below

How to set the navigation bar style in uniapp

Recommended (free): uni-app development tutorial

4. Then click the Find File option below to find it, as shown in the figure below

How to set the navigation bar style in uniapp

5. Then enter globalStyle and press Enter, as shown below

How to set the navigation bar style in uniapp

6. Finally, enter the Locate the navigation style part, you can modify it here, as shown in the figure below

How to set the navigation bar style in uniapp

Related free learning recommendations: php programming (video )

The above is the detailed content of How to set the navigation bar style in uniapp. 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