0
点赞
收藏
分享

微信扫一扫

推荐一款强大的图像处理软件:Adobe Photoshop2025

夕颜合欢落 2024-11-10 阅读 9

一.自定义导航栏

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%;
}
举报

相关推荐

0 条评论