小程序自定义导航栏

Posted 金牛座的女孩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序自定义导航栏相关的知识,希望对你有一定的参考价值。

将app.json里的navigationStyle设置为navigationStyle:custom。可以在.wxss里通过margin和padding来自定义导航栏。

例如在.wxml里写
<view class="nav">我是汽车维修技师</view>
在.wxss里设置样式
.nav{height:90rpx;line-height: 90rpx;margin-top:60rpx;padding-left:20rpx;font-size:28rpx;font-weight:400}
学习链接:
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置
https://www.caiyunyi.com/news/blog/25.html

以上是关于小程序自定义导航栏的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-自定义导航栏

小程序自定义底部导航缓存

小程序自定义导航栏仿原生固定在顶部

微信小程序 自定义底部导航

微信小程序自定义导航栏兼容适配所有机型

微信小程序自定义顶部导航demo