嘿嘿-组件设计

Components:

1.post面板

即首页显示的话题,每个发布的话题看做是一个组件,称为post。包括标题,封面

这个组件的prop:

postInfo:一个post内部所有的具体信息

2.post列表

该组件是post面板的父组件,用来进行tag筛选的。

这个组件的prop:

postInfoCollection:在主页中根据筛选tag请求api得到的post数据集合,传入该组件

3.点赞,收藏,评论数量的icon

把点赞,收藏这些icon做成一个组件,这个组件可以放在每个post界面和post内容主界面

这个组件的prop:

favorInfo:从父组件获取的关于点赞,收藏数的数据传入该组件

4.评论

每一条评论是一个组件

包括头像,姓名(这个可以给随机的),评论内容。然后有二级评论。该组件放在post内容主界面中

Pages:

1.主页

主页包含post列表组件,筛选tag输入框,下面一排是切换选项卡(包括浏览,发布,我的),主页默认是浏览界面。

-img-121f1853-ca25-4eae-ae38-f35cae17052d-articles-c1da0453-0cf9-4b63-97ae-b08869e1b2d9-articelcontent-95473b9c-25c3-427e-b669-cf9dc9b27570

2.发布post

可以输入标题,tag,图片,内容,然后点发布

3.我的

关于我的信息的界面,包括账号信息,收藏的post,发布的post,别人给你的回复,这些都做成独立的页面,就是我的里面有这些按钮,然后点击以后跳转到展示相应信息的页面。

4.post内容主界面

从主页中点击post界面进入到内部详细post界面,在这里可以进行查看post的详细内容和进行评论