小红书项目说明

  整体页面格调、功能和原版 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的更多相关文章

  1. 超实用教程,教你用墨刀做出小红书app原型

    一个新手怎么用1小时快速学会APP原型设计? 1小时很短,这意味着学习时必须把握APP原型设计中的重点.难点,而非面面俱到. 要在短时间内理解.掌握一个工具的使用,最有效的方式莫过于临摹: 看实例视频 ...

  2. 6.简单提取小红书app数据(简单初步试采集与分析)-1

    采集小红书数据爬虫:1.本来是要通过app端的接口去直接采集数据,但是app接口手机端设置本地代理这边开启抓包后就不能正常访问数据.所以就采用了微信小程序里的小红书app接口去采集数据. 2.通过 f ...

  3. 6.简单提取小红书app数据保存txt-2

    对页面信息进行简单抓取: 需要注意的问题 : auth-sign 和 auth 都是有一定的时效性,还有url原url是https这里要改为http请求. 这参数的问题需要通过mitmdump去获取请 ...

  4. 小红书携手HMS Core,畅玩高清视界,种草美好生活

    在相同流量消耗的情况下,540p可秒变1080p?这不是魔法,通过视频超分辨率技术(简称视频超分),就能让视频变得更清晰. 7月20日,在小红书最新版本7.48的App中,用户就能体验到这项技术带来的 ...

  5. 2月第3周业务风控关注|上海网信办复测23个被约谈APP 涉及1号店、小红书等

    易盾业务风控周报每周呈报值得关注的安全技术和事件,包括但不限于内容安全.移动安全.业务安全和网络安全,帮助企业提高警惕,规避这些似小实大.影响业务健康发展的安全风险. 1.上海网信办复测23个被约谈A ...

  6. Keep、小红书、美图…独角兽App能拿到新一轮救命钱吗?

    大多数人热爱手机,不是因为时尚的外观或者结实的零部件,而是因琳琅满目的App赋予其太多的功能.智能手机最先是清理掉人类的零碎时间,现如今又开始肢解我们大块的时间,或者说,智能手机本身就是生活.在如此背 ...

  7. Android -- 仿小红书欢迎界面

    1,觉得小红书的欢迎界面感觉很漂亮,就像来学习学习一下来实现类似于这种效果  原效果图如下: 2,根据效果我们来一点点分析 第一步:首先看一下我们的主界面布局文件视图效果如下: main_activi ...

  8. 从字节跳动离职后,拿到探探、趣头条、爱奇艺、小红书、15家公司的 offer【转】

    前言 博主目前从事Android开发3年,前两年一直在抖音工作.我这篇文章并不是简单的描述一些面试中的题,或者总结一些Android的知识,而是想记录我整个的想法和准备的过程,以及一些心得体会,让大家 ...

  9. 剑指Offer——小米+小红书笔试题+知识点总结

    剑指Offer--小米+小红书笔试题+知识点总结 情景回顾 时间:2016.9.23 19:00-21:00 2016.9.24 15:00-17:00 地点:山东省网络环境智能计算技术重点实验室 事 ...

随机推荐

  1. Winform界面中实现通用工具栏按钮的事件处理

    在一个给客户做的项目中,界面要求修改增加通用工具栏按钮的事件处理,也就是在主界面中放置几个固定的功能操作按钮,打开不同的页面的时候,实现对应页面的功能处理,这种和我标准的界面处理方式有所不同,标准的列 ...

  2. 校门外的树-poj

    问题描述 某校大门外长度为L的马路上有一排树,每两棵相邻的树之间的间隔都是1米.我们可以把马路看成一个数轴,马路的一端在数轴0的位置,另一端在L的位置:数轴上的每个整数点,即0,1,2,……,L,都种 ...

  3. ThinkPHP中对系统常量的使用

    /Wen 当前模块的URL地址 /Wen/postname 当前操作的URL地址 /thinkphp-changliang/ 当前URL地址 APP_DEBUG 是否开启调试模式(框架两种模式:[默认 ...

  4. 使用Navicat导入.csv文件(过程和注意点)

    1.创建一个数据库,右键点击表,选择导入向导. 2.在跳出的弹窗中选择.CSV文件,点击下一步 3.选择文件来源和编码规格,点击下一步 如果发现上传后中文出现乱码请使用10008这个编码规则 4.选择 ...

  5. 制作支持 BIOS+UEFI 的 U 盘 grub2+bootmgr 引导 + deepin_recovery + deepin_iso + win_pe

    网盘下载:https://pan.baidu.com/s/1c2GXPo0 U盘为 FAT32,MBR分区表 1.下载:U盘grub2+bootmgr引导2017.12.6.2.7z 2.解压到 U盘 ...

  6. .bash_profile 加载

    1.Debian默认的shell是Bash, 1.1 命令行 和 ssh 登录 ,首先读入 /etc/profile,这是对所有用户都有效的配置:然后依次寻找下面三个文件,这是针对当前用户的配置. ~ ...

  7. linux端口开放指定端口的两种方法

    重要的事情说三遍,强烈建议使用第二种方法!第二种方法!第二!; 开放端口的方法: 方法一:命令行方式                1. 开放端口命令: /sbin/iptables -I INPUT ...

  8. 51Nod 1110 距离之和最小 V3 中位数 思维

    基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题 X轴上有N个点,每个点除了包括一个位置数据X[i],还包括一个权值W[i].点P到点P[i]的带权距离 = 实际距离 ...

  9. Swagger服务API治理详解

    swager2的简介 在App后端开发中经常需要对移动客户端(Android.iOS)提供RESTful API接口,在后期版本快速迭代的过程中,修改接口实现的时候都必须同步修改接口文档,而文档与代码 ...

  10. coursera普林斯顿算法课part1里Programming Assignment 2最后的extra challenge

    先附上challenge要求: 博主最近在刷coursera普林斯顿大学算法课part1部分的作业,Programming Assignment2最后的这个extra challenge当初想了一段时 ...