小程序公开课 - day2（转载）

小程序公开课 - day2

1. 创建项目

2. 设置tab栏

3. 渲染轮播图

小程序中，请求数据，可以使用wx.request({})

步骤：

1. 获取轮播图数据
2. 使用 swiper 和 swiper-item 组件渲染轮播图结构
3. 通过 wx:for 循环渲染每个图片
4. 美化轮播图样式

4. 渲染九宫格

步骤：

1. 获取九宫格数据
2. 循环渲染九宫格的UI结构
3. 通过 flex 布局美化样式

5. 导航到店铺列表页面

步骤：

1. 创建店铺列表页面

2. 通过 wx.navigateTo() 导航到店铺列表页面

3. 在店铺列表页面的 onLoad() 函数中，获取传递过来的页面参数

6. 渲染店铺列表

步骤：

1. 获取店铺列表数据
2. 循环渲染店铺信息
3. 美化店铺列表样式

7. 上拉加载更多