Day04--实现本地生活的首页基础布局

提纲挈领：

 我的操作：

1>在app.json中新建项目并梳理项目结构

************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

 2>在app.json中配置导航栏效果

************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

3>依然在app.json配置tabBar效果

 ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

4> 实现轮播图的效果

1》需要知道后端的接口

 2》拿到轮播图的数据。

 3》在home.wxml里面写结构：

4》在home.wxss里面写样式：【美化轮播图效果】

 5》在home.wxml里面写轮播图【小圆点，衔接滚动】

************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

 5>实现九宫格效果

1》需要从后端拿到数据

2》 拿到九宫格的数据。

3》 在home.wxml里面写结构：

 4》在home.wxss里面写样式：【美化九宫格效果】

 

 6>实现图片布局：

1》在home.wxml里面：

 2》在homewxss里面：

3》效果图：