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

一.自定义导航栏

1.JSON文件中配置"navigationStyle": “custom”

"navigationStyle": "custom"

2.给导航栏设置轮播图

<swiper class="custom-swiper" indicator-dots autoplay interval="2000">
<swiper-item>
<image src="../../assets/s1.png"></image>
</swiper-item>
<swiper-item>
<image src="../../assets/s2.png"></image>
</swiper-item>
<swiper-item>
<image src="../../assets/s3.png"></image>
</swiper-item>
</swiper>

3.设置图片样式宽度百分百显示

.custom-swiper{height: 440rpx;
}
.custom-swiper image{height: 100%;width: 100%;
}