= 美搭化妆品库1.0需求 =

== 一、改版背景 ==
1，利用女性网化妆品库庞大的数据资源以及PC指数等独有分析数据，将化妆品库APP化；[[BR]]
2，通过APP，协助销售同事的工作，增加网站的效益；[[BR]][[BR]]

== 二、开发概述 ==
=== APP1.0.0的主要的功能概括如下： ===
1，【首页】显示焦点图和编辑推荐榜单入口；[[BR]]
2，【找美妆】为库型结构栏目；[[BR]]
3，可通过【品牌馆】进入某品牌的单品列表；[[BR]]
4，首页、找美妆、品牌都有【搜索】入口；[[BR]]
6，【分类单品】列表，可通过选择功效筛选单品；[[BR]]
7，【品牌专页】展示品牌介绍和该品牌的全部单品，单品系列；[[BR]]
8，【单品终端】展示产品信息，每个【单品终端】有【专业评测】、【试用报告】和【购买】的入口
页面框架链接http://192.168.20.18/beauty.zip ；[[BR]][[BR]]
=== 页面结构： ===
[[Image(http://192.168.21.173/yuanxing/%E5%9B%BE%E7%89%871.png)]][[BR]][[BR]]

== 三、首页功能需求 ==
=== 1，首页内容 ===
'''焦点图读取规则：'''自动读取化妆品web的焦点图，等比例压缩。[[BR]][[BR]]
'''焦点图可能出现的内容'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''评测终端'''
}}}
{{{#!td width="1000"
焦点图原链点：http://beauty.pclady.com.cn/100/1009629.html [[BR]]
应对应到化妆品库评测终端，打开app内的相应评测页面：http://cosme.pclady.com.cn/pingce/102934.html
}}}
|----------------
{{{#!td width="100" text-align="center"
'''活动/专题'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品终端'''
}}}
{{{#!td width="1000"
应对应到化妆品库单品终端，打开app内的相应单品页面
}}}
|----------------
{{{#!td width="50" text-align="center"
'''试用页面'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------

'''推荐榜单入口读取规则：'''图片icon、名称、链点由编辑后台录入，最少录入6个，iPhone4截取前3个显示，iPhone5显示6个。 [[BR]]
*点击进入【功效榜单】 [[BR]]

=== 2，辅助工具 ===
'''条形码扫描：'''点击扫描按钮打开扫描页面。线下扫描并解析实物条形码后，匹配网站数据库终端，进入对应单品终端。 [[BR]]
*返回时从单品终端直接回到首页 [[BR]]

'''搜索功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''进入搜索页面的入口'''
}}}
{{{#!td width="1000"
首页工具弹出层按钮、【找美妆】搜索框、【品牌馆】搜索框。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''交互方式'''
}}}
{{{#!td width="1000"
从首页进入：原页面向左滑动消失，同时搜索页向左滑出现，键盘从下往上弹出；
从【找美妆】【品牌馆】搜索框进入：搜索框缩短，显示取消按钮；搜索框一下内容切换为热门搜索词，键盘从下往上弹出。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''热门搜索词'''
}}}
{{{#!td width="1000"
可后台更新，点击热门搜索词跳转到搜索结果列表
}}}
|----------------
'''收藏夹：'''本地保存用户收藏的单品[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品列表'''
}}}
{{{#!td width="1000"
显示图片+单品名称
}}}
|----------------
{{{#!td width="100" text-align="center"
'''删除'''
}}}
{{{#!td width="1000"
点击删除按钮，单品出现“X”图标，可逐个点击删除；删除按钮变成确认图标，点击确认退出删除状态。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类'''
}}}
{{{#!td width="1000"
收藏的单品按照分类排列，如收藏中无该分类的单品，则不显示：随该分类最后一件单品的删除而消失
}}}
|----------------

=== 3，【找美妆】——产品库 ===[[BR]]
'''功能概述：'''[[BR]]
找美妆栏目包含分类列表和搜索框。分类中包含一级分类和二级分类，交互按家居优品3.0，二级分类列表可上下拖动。点击二级分类进入【分类榜单页】
[[Image(http://192.168.20.18/more/20130820113117.png)]][[BR]][[BR]]
'''分类榜单页功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类标题'''
}}}
{{{#!td width="1000"
显示所进入的榜单标题
}}}
|----------------
{{{#!td width="100" text-align="center"
'''排序'''
}}}
{{{#!td width="1000"
点击标题栏的排序按钮可切换按不同维度排序：[[BR]]
按高分，按热门，按最新，最贵，最便宜[[BR]]
*默认按高分排序（即按PC指数高低排序）[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，''交互效果见原型：''[[BR]]
点击切换“普通列表样式”和“大图样式”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''功效筛选'''
}}}
{{{#!td width="1000"
点击筛选按钮（或向左拖动榜单页面），原页面向左移动，露出“功效列表”；[[BR]]
再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“功效列表”。[[BR]]
点击选择功效后，改label呈选中状态，原页面向右移动，遮盖“功效列表”，并且刷新列表数据。[[BR]]
''交互效果见原型：''[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，''交互效果见原型：''[[BR]]
点击切换“普通列表样式”和“大图样式”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表内容'''
}}}
{{{#!td width="1000"
'''普通列表样式：'''[[BR]]
图片，名称，点评数，PC指数，排名名次[[BR]]
*名次在所有排序中都会显示，但都是以PC指数的分数来确定每个单品的名次。[[BR]]
*名次只显示到前30名，30名以外的不显示名次数字。[[BR]]
'''大图样式：'''[[BR]]
图片，PC指数，名次[[BR]]
}}}
|----------------