开始

完整的了解项目的构成，并分析项目。
当前是运行在一个微信的模拟器里面
image.png
首页顶部是还一个自定义的导航栏，这是自己画出来的导航栏。可以兼容小程序 、H5
image.png
选项卡对下面的内容进行分类。点击选项卡的时候 会对下面的内容进行切换。
image.png
左右滑动页面，顶部的tab也会变化
image.png
内容是卡片的形式，多图的形式。
image.png
这是大图的形式。每一种形式，我们单独抽出来，做一个单独的组件。
image.png
心形的图标。收藏按钮也是单独的组件。单独做也给组件，会对性能有一定的帮助。当我们点击按钮的时候也会是局部的刷新，而不是所有的内容全部刷新，这样对性能提升有一定的帮助。
image.png
设置的图标
image.png
点击图标 跳到标签管理的页面
image.png
点击右上角的编辑，可以点击删除
image.png
删除后的标签会在下面显示
image.png
只保留两个，然后点击完成
image.png
完成后会自动跳到首页
image.png

搜索

点击搜索框会跳到搜索页面
image.png
搜素前端
image.png
点击搜索的内容跳转到文章页
image.png
搜索的历史记录
image.png
清空操作
image.png
image.png

文章页

点击卡片
image.png

image.png
可以关注
image.png
可以对文章和评论进行恢复。
image.png
找一个恢复比较全面的例子
image.png
image.png

image.png
评论的图标
image.png
收藏文章
image.png
点赞后数量增加
image.png

关注

image.png
关注作者
image.png

个人中心

image.png
我的文章
image.png
意见反馈
image.png

可以选择上传图片，最多可以选9张图片
image.png
最多9张，多了不会显示。
image.png

关闭一个加号就会出现
image.png
输入意见

image.png

结束