武汉晚报项目

首页-一级

1.底部导航栏,fixed,四个链接。
2.资料栏模仿陌陌。
3.筛选按钮需要重新设计。

私信-一级

武汉晚报项目_第1张图片
8T7R`YX{IW9LQXTK(FEL71O.jpg

1.四个一级页面之一。顶部和底部样式与首页一致。
2.消息栏模仿陌陌的“消息”。

喜欢-一级

1.顶部两个按钮切换,hidden,不刷新页面。
2.加载更多,ajax。

筛选-二级

武汉晚报项目_第2张图片
MGX4NPO)1`WXMQE82([email protected]

1.这是二级页面,顶部fixed,方便用户随时返回。高度要小一点,试试4rem先。
2.中间的筛选条件块试试#F5F5EB。前面都用select,后台记得传递默认值,方便用户:
-用户女:20,40;168;3000;本科
-用户男:20,35;155;1000;大专
3.开始筛选button,试试#FF6E8D。ajax,不刷新页面。底部“加载更多”,每次10个人。
4.底下的资料栏,复用。

私信对话-二级

武汉晚报项目_第3张图片
4C286D3EFD414F1AB782A5A17289EE82.jpg

1..这是二级页面,“与xxx的私信”。顶部样式与“筛选”一致。
2.消息栏布局重新设计。头像很小,与右边的昵称和时间高度相同。底下是内容。其他与陌陌样式一致。

我的资料-一级 用户资料-二级

IMG_3649.JPG

1.这两个页面主要区别,就是一级页面和二级页面的区别,顶部与底部的不同。
2.两个按钮的内容也不同,strong只需做好样式,链接skyway去加。
3.基本资料、个人介绍和对另一半的期待,完全参照世纪佳缘手机版的样式。
4.按钮用#FF6E8D,头像那周围区块的颜色没标,试试#f5f5eb先。


武汉晚报项目_第4张图片
IMG_3650.PNG

你可能感兴趣的:(武汉晚报项目)