博记继续教育微信小程序版

社交社区灌水案例ID：159452

荷塘一只🐸

5 年经验· 葡萄找车

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

该小程序是一个会计教育类的小程序，让用户免费收看视频、付费收看视频、科目综合考试等相关功能。我主要负责的是微信小程序的前端和接口对接，其中我得到很多的启发，不断的完善用户之间的交互。在整个项目中，我应用了小程序的下拉刷新功能、Storage缓存功能、动画、视频控制、Promise（异步多个请求，统一返回执行）等功能。
难点在于：1、scroll-view的下拉刷新时能时不能，原因有两个，原因1：在数据初始的时候内部高度没有占满手机屏幕，解决办法：先预加载10条空的数据，让空的列表在内部占满整个屏幕，然后再生命周期开始的时候把预加载数据清空；原因2：在数据请求完成后，内部高度没有占满手机屏幕，解决办法：在底部加一个宽度100%、屏幕高度+1的view模块，所以在这方面我做了改进。
2、因为PC端没有下拉刷新这个功能，所以要做scroll-view的refresher-triggered 和 Page的onPullDownRefresh 兼容性，暂时做法是判断wx.getSystemInfoSync().platform == 'windows'，然后手动调用需要执行的方法。