1、设计参考
参考【看一看】的界面和交互逻辑,设计资讯APP,名称:W+。
1.1列表页界面说明
根据不同的资讯类型,列表页展示样式不同,分:图文资讯类,文字资讯类,视频资讯类。
图文资讯类:左侧标题,图片只有1张则显示在右侧,2张或3张显示在下方,并根据情况调整布局。标题最长不超过3行,并在标题下方靠左位置显示资讯来源与发布时间。
文字资讯类:只有标题,没有图片。标题最长不超过3行,并在标题下方靠左位置显示资讯来源与发布时间。
视频资讯类:标题和来源、发布时间在视频预览区上方。要求与文字资讯类相同。
资讯可点击右侧删除按钮进行删除(目测需要用户系统,可在二期进行)。
1.2正文页界面说明
之上而下显示:标题(字体较大)、发布时间和来源、正文内容。
2、开发要求
尽量使用React Native做前端开发,使用node.js做服务端,尽量少使用HTML+CSS的方式布局界面。
3、开发周期
一周完成RN熟悉和界面搭建,并部署好开发环境。
两周学习node.js,并可实现联网。
领取专属 10元无门槛券
私享最新 技术干货