uniapp项目怎么删除顶部导航栏和底部tabBar的默认样式 让页面更加美观

1、删除顶部导航栏的默认样式

在pages.json文件中的页面样式中添加 "navigationStyle": "custom",在当前页面有用

 2、去除底部tabBar的默认样式

APP.vue文件中添加uni.hideTabBar()方法即可,默认的样式就会消失

3、如果多个页面需要复用顶部导航和底部tabBar的样式是,我们可以使用组件,将这些样式直接写到组件中,引入需要使用的页面中。这样可以减少代码量方便后期修改 可以减少工作量

猜你喜欢

转载自blog.csdn.net/weixin_61728046/article/details/127329352
今日推荐