仿知乎日报app页面

发表于   |   分类于

仿知乎日报app页面（17/09/08vue版新增模块）

缘由：

开始是想实践下移动端的页面制作，于是利用手上的知乎日报api资源，仿做了知乎日报app页面，js版本的页面做起来比较粗糙，也不怎么合自己心意，然后就想着改进下，刚好之前有学习过一些vue的知识，就花费了一天时间复习观看vue官方的基础文档，和router的相关知识，然后就直接实践操作，花费了两天时间，重新把之前实现的页面功能用vue的相关技术实现了一遍，本想继续优化和添加功能进去的，想做到和知乎日报app一样的完善功能，但是因为前期考虑不足，所搭建起来的框架似乎不太能支撑，特别是一些组件之间的状态通信，现在仅仅几个组件就已经有点乱了，看来是需要用到vuex的相应处理的，之后有机会的话会学习下vuex的技术，然后再做一个新的版本，然后慢慢优化添加些功能，期望能慢慢实现成知乎日报app一样的功能。

Demo：

代码：

仅实现：

1，主页的banner。

2，主页内容部分排版与数据显示。

3，滑动到底部自动加载前一天数据（未实现下拉刷新页面功能，注：vue版本已实现）。

4，文章详情页面版面展示。

5，评论页展示。（仅vue版实现）

2017/09/08增加

vue版本：

  1.文章详情页右上角增加评论数和点赞数。

  2.增加查看评论页。

  3.修改返回图标，夜间模式按钮图标。

2017/09/03修复

vue版本日夜间模式刷新bug修复

利用vue的watch监视状态存到localstorage中，再监视日夜间状态与缓存是否一致

2017/09/02增加

vue版增加夜间模式

使用vuex处理夜间模式状态

（刷新页面会使夜间模式变成日间模式）注：2017/09/03已修复

2017/08/09增加

vue版本增加下拉刷新页面功能，并且增加判断防止底部加载更多时多次发起请求。

2017/08/08增加

使用vue2.0-cli+vue-router+axios+mint-ui制作相同的页面展示（实现功能如上‘仅实现’）。

2017/08/02优化

优化首页banner，改用插件，做滑动切换效果。

2017/07/30优化

优化首页banner以及详情页顶部图片，适配分辨率图片不变形。

2017/07/25修改

1，把详情页面展示从清空原页面渲染请求内容改为，新增一个文章详情页面。

2，模拟点击文章跳到详情页面后，返回时页面返回到之前跳出的位置。

感谢