微信小程序案例2-2 本地生活

（一）创建小程序

（二） 创建页面

• 在 app.json里配置pages/grid/grid页面，手动删除index目录，设置导航栏
  

（三）准备图片素材

• 在项目根目录创建images目录，拷贝所需要的素材
  

（四）编写页面结构

1、编写轮播图区域页面结构

• 轮播图有指示点面板，自动轮播，时间间隔2000毫秒
  

<!--轮播图区域-->
<swiper indicator-dots="true" indicator-active-color="white" autoplay="true" circular="true" interval="2000">
  <swiper-item>
    <view class="item">
      <image src="/images/1.png" mode="aspectFill" style="width: 100%; height: 100%;"/>
    </view>
  </sw