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

一、实现步骤

（二）、创建步骤

• 单击【确定】按钮
  

（二）创建页面

• 在app.json里配置pages/grid/grid页面
  

（三）准备图片素材

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

（四）编写页面代码

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

2、编写九宫格代码

（一）编写页面样式

• 设置轮播图区域页面样式
  

• 每个格子页面样式
  
• 每个格子中的图片和文字页面样式
  

（二）查看真机调试效果

• 选择启动PC端真机调试