【点单小程序】首页轮播图+底部导航栏

轮播图实现

swiper组件可以快速实现轮播图效果，有以下属性：

• indicator-dots：Boolean类型。用来指示是否显示面板指示点,默认为false。
• autoplay：Boolean类型。用来决定是否自动播放，默认为false。
• interval：Number类型。用来设置swiper-item的切换时间间隔，默认为5000毫秒。
• circular：Boolean类型。用来设置swiper-item的循环滚动。
• duration：Number类型。用来设置swiper-item的滑动动画时长。

wxml代码：

<view class="container">
  <swiper indicator-dots="{
   {indicatorDots}}" autoplay="{
   {autoplay}}" interval="{
   {interval}}" duration="{
   {duration}}">
    <block wx:for="{
   {imgUrls}}">
      <swiper-item>
        <image src="{
   {item}}" />
      <