首页 » 微信小程序 » 例子小程序 » 正文

用小程序写的今日头条demo

运行环境

开发工具:微信web开发者工具
版本: 微信web开发者工具 v0.12.130400
适配: 适用于微信web开发者工具中所有模拟器的机型

demo介绍

1、本demo分为2个模块 首页模块+视频模块;
2、首页模块比较复杂,有5种(3张小图+文本, 一张可以播放的大图+文本, 一张大图+文本, 左边文本+右边图片, 只有文本);
3、首页我先把用template 将这5种模型封装好,然后直接在scroll-view中放不同的模型就可以了;
4、视频模块比较简单,没有抓到头条的视频数据,我用的是网易的视频接口,就一张大图+播放按钮+文本;


目前还没有解决的问题

这个demo由本人空闲所写,有些功能还没做好,我现在把问题都列举出来,希望热心大神能够帮忙,联系方式[brisy@foxmail.com]();也可以直接在小程序今日头条上fork。
1、下拉刷新只能在cell没有占满屏幕的时候,点击cell以外的空白区域才有效,我猜测应该是响应者链的问题;
2、上啦加载更多,太过于灵敏,这个我猜测应该是小程序自身的问题。
3、新闻详情页面是一个网页,但是小程序不支持HTML,所有我用的是wxParse 这个第三方,但是这个只能用在简单的HTML上,今日头条的详情HTML太过于复杂,所以展示内容比较杂乱,跪求热心大神帮忙;
4、今日头条Swift版Swift版今日头条, 这个是我初学Swift的时候写的,可供新手学习;


解决的问题

1、由于我当时看小程序文档的时候,漏看了一些东西,导致onPullDownRefresh方法不能触发;后来发现犯了一个错误,我居然没有给scroll-view设置高度,导致scroll-view在回滚的时候,不能触发onPullDownRfresh;
2、onPullDownRefresh是下拉刷新,在scroll-view回滚的时候不能触发,居然用了scroll-view,就应该通过bindscrolltoupper绑定下拉刷新方法,bindscrolltolower绑定上啦加载更多方法。于是就能很好的解决上面刷新的问题了。

运行效果

demo连接:张旭github;
image text;

下载 (2)

发表评论