2.一些常用功能

文章目录
         1.swiper

         2.navigator

1.swiper等比例计算
autoplay自动轮播，interval="3000"时间间隔 circular循环播放，indicator-dots播放点

<!-- 图片320*150
找到原图的宽高，等比例算出swiper的宽高
原图宽高520*280
swiper宽/swiper高=原图宽/原图高，其中swiper的宽为100%(也就是750rpx或者说是100vw)
所以 swiper高=swiper宽*原图高/原图宽   100vw*280/520 -->

<swiper autoplay interval="3000" circular indicator-dots>
 <swiper-item><image mode ="widthFix" src="//img.alicdn.com/tfs/TB1FjZ7VWL7gK0jSZFBXXXZZpXa-520-280.png" />  </swiper-item>
 <swiper-item><image mode ="widthFix" src="//img.alicdn.com/tfs/TB1wOidVWL7gK0jSZFBXXXZZpXa-520-280.jpg"/>  </swiper-item>
</swiper>

swiper{
  width: 100%;
  height: calc(100vw*280/520) ;
  }

image{
  width: 100%;
}

2.navigator点击实现跳转

<navigator url="/pages/demo06/demo06">
  轮播图页面
</navigator>
<navigator open-type="redirect" url="/pages/demo06/demo06">
跳转页面没有返回按键
</navigator>