小程序今日頭條demo


運行環境

開發工具:微信web開發者工具 

版本: 微信web開發者工具 v0.12.130400 

適配: 適用於微信web開發者工具中所有模擬器的機型 

 

demo介紹

1、本demo分為2個模塊  首頁模塊+視頻模塊;

2、首頁模塊比較復雜,有5種(3張小圖+文本, 一張可以播放的大圖+文本, 一張大圖+文本, 左邊文本+右邊圖片, 只有文本);

3、首頁我先把用template 將這5種模型封裝好,然后直接在scroll-view中放不同的模型就可以了;

4、視頻模塊比較簡單,沒有抓到頭條的視頻數據,我用的是網易的視頻接口,就一張大圖+播放按鈕+文本;

 

目前還沒有解決的問題

這個demo由本人空閑所寫,有些功能還沒做好,我現在把問題都列舉出來,希望熱心大神能夠幫忙,聯系方式brisy@foxmail.com;也可以直接在小程序今日頭條demo上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;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM