首页

位置：框架页02
【整个页面说明】
功能说明：
正常状态：
从首页点击进入其他页，原页面向左滑动返回返回首页；
页面加载一次过加载完成；
异常状态：
无网络时显示默认无网络页面，点击页面刷新。
网络不佳时，显示旧数据，并提示：黑色层+图标+“网络不给力”。首页旧数据没有限定的保存时间。

【Banner】
字段说明：
图片尺寸：以设计\制作稿为准
数据来源：修改读取CMS指定接口（在CMS--化妆品库栏目下开一个子栏目，路径：化妆品库-爱妆客-首页焦点图）
功能说明：
正常状态：
1、Banner三张导读图进行轮播自动轮播，手势向左、向右滑动时导读图进行切换。
2、点击导读图跳转到后台添加的链接页，页面从右往左滑出。
3、导读图切换时，中间白点跟随图片位置进行切换。

异常状态：
1、网络不佳时，Banner图片不轮播。只显示当前加载完成的图片（如第一张也未加载完，则显示默认图），等全部加载完之后，再继续轮播；

【热门榜单】
字段说明：
榜单个数：固定6个
图片尺寸：以设计\制作稿为准
文字：单行显示，最多5个中文字
数据来源：在CMS--化妆品库栏目下开一个子栏目，路径：化妆品库-爱妆客-首页热门榜单。

功能说明：
读取CMS后台编辑录入的图片icon、名称、链点，对应的cms后台填写的链接页，页面从右向左滑出。

【抢试用】
[大图]
字段说明：
时间：“日+时+分”
标题：大标题+小标题（根据设计稿确定字数）
图片尺寸：以设计\制作稿为准
数据来源：人工运营
功能说明：
1、时间为试用结束倒数时间，精确到分，当倒数到0:0:0后，显示“正在疯狂热抢”。
2、点击图片，进入对应试用页（图06-1）。

[小图]
字段说明：
个数：固定两个
标题：商品名称（根据设计稿确定字数）
图片尺寸：以设计、制作稿为准
数据：人工运营
功能说明：
点击图片，名字、份数构成的区域，进入对应试用页（图06-1），页面从右往左滑出。

【热门推荐】
字段说明：
推荐个数：固定4个
图片尺寸：以设计\制作稿为准，读取cms指定接口旧文章的文章导读图
文字（大）：最多不超过5个字，读取cms指定接口旧文章的主标题
文字（小）：最多不超过2行，读取cms指定接口旧文章的文章简介，超出以“…”表示
数据来源：在CMS--化妆品库栏目下开一个子栏目，路径：化妆品库-爱妆客-热门推荐

功能说明：
最多读取cms接口中的4篇文章；按照更新时间，最新发布的读取在最前面；顺序为左一、右一、左二、右二。
点击图片、大小文字，均可进入对应的cms后台填写的链接页；

【热门品牌】
字段说明：
图片：4个，尺寸根据设计而定。
功能说明：
点击品牌，进入对应品牌页（图05-1），页面从右向左滑出。

【底部导航】
功能说明：
1、点击频道，进入对应频道页。
2、底部导航固定在底部，不受页面滚动影响；
3、切换栏目时页面刷新，数据保存时间为5分钟，频繁切换页面数据不会立即刷新。