【微信小程序---轮播图swiper详细解】

1. 外层容器swiper 图层项swiper-item

2.vw🈯宽度的% 1vw＝1%width 同理vh是高度

    屏幕显示高度=屏幕显示宽度100vw * 原图h /原图w

    通过height: calc(100vw * 原图h /原图w)

3.autoplay 轮播图自动播放▶️

4.interval 修改轮播图时间 默认是5s

5.circular 轮播图🔁播放▶️

6.indicator-dots 显示指示器 就是轮播图的那个⭕

7.indicator-color ⭕那个未选择时候的颜色

8.indicator-active-color 选中时候指示器⭕颜色

 

 

swiper的高度默认是150px，

image的默认宽度320px（已重置为100%），高度默认240px

swiper-item的高宽，继承swiper

因此，将swiper的高度设置为=(750 / image的宽高比)；