How to delete the default styles of the top navigation bar and bottom tabBar in the uniapp project to make the page more beautiful

1. Delete the default style of the top navigation bar

Add "navigationStyle": "custom" to the page style in the pages.json file  , which is useful for the current page

 2. Remove the default style of the bottom tabBar

Just add the uni.hideTabBar () method in the APP.vue file , and the default style will disappear

3. If multiple pages need to reuse the styles of the top navigation and bottom tabBar, we can use components to write these styles directly into the components and introduce them to the pages that need to be used. This can reduce the amount of code, facilitate later modification, and reduce the workload.