微信小程序入门和实践

编写wxml组件布局

属性名	解析
autoplay	录播图自动播放
interval	播放间隔时间
indicator-dots	底部圆点指示器

<!--pages/me/me.wxml-->
<view>
  <swiper autoplay="true" interval="2000" indicator-dots="true">
    <swiper-item >
      <image src="/images/food/food1.jpg"></image>
    </swiper-item>
    <swiper-item>
      <image src="/images/food/food2.jpg"></image>
    </swiper-item>
    <swiper-item>
      <image src="/images/food/food3.jpg"></image>
    </swiper-item>
  </swiper>
</view>

wxss样式

/* pages/featured/featured.wxss */
swiper{
  width: 100%;
  height: 300rpx;
}
swiper image{
  width: 100%;
  height: 300rpx;
}