使用Vue2完成“小红书” app
小红书项目说明
整体页面格调、功能和原版 app 无限接近。具体页面细节可以下载 “小红书” app查看。
图片素材:https://pan.baidu.com/s/1qYOcx7e
整体要求:
· 1. 页面和原版 “小红书” 接近。
2. 用户模块(注册、登录、编辑、删除...功能)。
3. 社交功能(点赞、关注、展示、详情...功能)。
4. 商品购买功能(详情、添加购物车、购买...)。
4. 左右滑动可以切换模块(关注、发现、购买)。
5. 点击用户个人头像可以右滑出功能菜单。
一、登录
如图
图 1.1
图 1.2
图 1.3
功能要求:
1.实现用户登录。
2.实现用户注册。
3.用户登录之后,则记住登录状态(除非用户点击退出功能),下次直接登录。
二、功能导航
如图:
图 2.1
图 2.2
图 2.3
图 2.4
功能要求:
1.当用户点击“用户”个人头像则侧滑显示此页面(图2.1)。
2.点击遮罩隐藏。
3.点击对应功能进入相关页面(图2.4)。
4.可以编辑所有的用户状态(资料、关注人、笔记...)
三、关注
如图:
图3.1
图3.2
功能要求:
1.新增用户没有关注用户,但是系统推荐粉丝数量较多的用户。
2.当用户关注某用户之后,在关注模块刷新,将会显示关注用户分享的笔记。
3.用户分享展示可以下拉刷新,和上拉加载(直到所有关注用户没有其他的分享笔记)。
四、发现:
如图:
图4.1
图4.2
功能要求:
1.app 默认页面,打开即显示此页面。
2.拥有分类功能,文章以瀑布流布局,可以下拉加载,上拉加载。
3.每篇笔记可以点赞(再次点击取消点赞),点击笔记可以查看详情(图4.2)。
4.笔记详情页面同样具有,分享、关注、点赞、评论、收藏功能。
五、购买:
如图:
图 5.1
图 5.2
图5.3
图5.4
功能要求:
此模块只能商家发布,个人用户不在此列。
1.拥有 banner。
2.分类导航
3.商品展示,同样使用瀑布流布局加下拉刷新和下拉加载。
4.点击分类导航跳转到对应商品界面。
5.点击商品,进入详情页面
6.拥有购物车功能。
六、分享:
如图:
图 6.1
图 6.2
功能要求:
1.点击顶部 “相机” 图标可以分享笔记。
2.拥有编辑页面。
3.分享的笔记可以在“关注我的人”关注模块展示。
-------------------------------------------------------------------------------------------------------------------------------------
最后:
所有的细节还是请查看“小红书”app。大体功能要求如上。
使用Vue2完成“小红书” app的更多相关文章
- 超实用教程,教你用墨刀做出小红书app原型
一个新手怎么用1小时快速学会APP原型设计? 1小时很短,这意味着学习时必须把握APP原型设计中的重点.难点,而非面面俱到. 要在短时间内理解.掌握一个工具的使用,最有效的方式莫过于临摹: 看实例视频 ...
- 6.简单提取小红书app数据(简单初步试采集与分析)-1
采集小红书数据爬虫:1.本来是要通过app端的接口去直接采集数据,但是app接口手机端设置本地代理这边开启抓包后就不能正常访问数据.所以就采用了微信小程序里的小红书app接口去采集数据. 2.通过 f ...
- 6.简单提取小红书app数据保存txt-2
对页面信息进行简单抓取: 需要注意的问题 : auth-sign 和 auth 都是有一定的时效性,还有url原url是https这里要改为http请求. 这参数的问题需要通过mitmdump去获取请 ...
- 小红书携手HMS Core,畅玩高清视界,种草美好生活
在相同流量消耗的情况下,540p可秒变1080p?这不是魔法,通过视频超分辨率技术(简称视频超分),就能让视频变得更清晰. 7月20日,在小红书最新版本7.48的App中,用户就能体验到这项技术带来的 ...
- 2月第3周业务风控关注|上海网信办复测23个被约谈APP 涉及1号店、小红书等
易盾业务风控周报每周呈报值得关注的安全技术和事件,包括但不限于内容安全.移动安全.业务安全和网络安全,帮助企业提高警惕,规避这些似小实大.影响业务健康发展的安全风险. 1.上海网信办复测23个被约谈A ...
- Keep、小红书、美图…独角兽App能拿到新一轮救命钱吗?
大多数人热爱手机,不是因为时尚的外观或者结实的零部件,而是因琳琅满目的App赋予其太多的功能.智能手机最先是清理掉人类的零碎时间,现如今又开始肢解我们大块的时间,或者说,智能手机本身就是生活.在如此背 ...
- Android -- 仿小红书欢迎界面
1,觉得小红书的欢迎界面感觉很漂亮,就像来学习学习一下来实现类似于这种效果 原效果图如下: 2,根据效果我们来一点点分析 第一步:首先看一下我们的主界面布局文件视图效果如下: main_activi ...
- 从字节跳动离职后,拿到探探、趣头条、爱奇艺、小红书、15家公司的 offer【转】
前言 博主目前从事Android开发3年,前两年一直在抖音工作.我这篇文章并不是简单的描述一些面试中的题,或者总结一些Android的知识,而是想记录我整个的想法和准备的过程,以及一些心得体会,让大家 ...
- 剑指Offer——小米+小红书笔试题+知识点总结
剑指Offer--小米+小红书笔试题+知识点总结 情景回顾 时间:2016.9.23 19:00-21:00 2016.9.24 15:00-17:00 地点:山东省网络环境智能计算技术重点实验室 事 ...
随机推荐
- HTML页面加载异常,按F12调试后居然又好了的解决办法!
原因: 你的代码中获取数据那一段应该是有console控制台调用的代码,一般应该是console.log之类的,就是因为这句话在没开F12的时候,console是个undefined的东西就卡在那啦. ...
- Javascript 常用类型检测
1.判断变量是否为数组的数据类型? 方法一 :判断其是否具有"数组性质",如slice()方法.可自己给该变量定义slice方法,故有时会失效. 方法二 :obj instance ...
- 一个非常好用的图片切割工具(c# winform开发) 附源码
本人业余时间开发了一个图片切割工具,非常好用,也很灵活! 特别对大型图片切割,更能体现出该软件的优势! 开发工具为winform,源码下载地址:http://download.csdn.net/dow ...
- daemon 启动system V init 和 systemd 配置
先试着写一个udpserver的daemon #include <stdio.h> #include <sys/socket.h> #include <sys/types ...
- Docker理解
近期一直在研究Docker,感悟颇深,和大家分享一下Docker 在云计算中的应用和Docker的原理. Docker 用法https://yeasy.gitbooks.io/docker_pract ...
- ML笔记:Where does the error come from?
error来自哪? 来自于偏差Bias和方差Variance. 就如打靶时瞄准一个点f平均,打出的点f星分布在该点周围. 该点与实际靶心f帽的距离就是偏差Bias, 打出的点与该点的分布距离就是方差V ...
- PHP+Mysql基于事务处理实现转账功能的方法
<?php header("Content-Type:text/html;charset=utf-8"); $mysqli=new mysqli("localhos ...
- XAMPP重要文件目录及配置
一.XAMPP 的安装过程 1:下载XAMPP 的 Linux 版 (1.7.4) http://www.apachefriends.org/en/xampp-linux.html#374 2:安装( ...
- pipelineDB初体验
官网:http://www.pipelinedb.com/ pipelineDB是基于postgres的stream数据库.完全兼容pg的东西. 由于产品需要解决性能这块瓶颈,老大让试试这款基于流计算 ...
- java使用普通算法实现99乘法表,使用递归实现99乘法表
public class recursionTest { public static void main(String[] args) { //jiujiu(); m(9); } /* * for循环 ...