微信小程序-自定义导航栏
一.自定义导航栏
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%;
}
原文地址:https://blog.csdn.net/weixin_42284031/article/details/143531711
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!