做网站前期框架图软件开发网

业务逻辑如下：

1.在滚动容器中加入refresher-enabled属性，表示为开启下拉刷新

2.监听事件，添加refresherrefresh事件

3.在事件监听函数中加载数据

4.关闭动画，添加refresher-triggered属性，在数据请求前开启刷新动画，在数据请求完成后关闭动画。

完整代码如下：

注意：如果不用await直接调接口，会导致数据加载顺序不确定，可能数据还没返回完就已经关闭动画。如果三个接口都加上await，则会等待第一个接口返回后再执行第二个接口，以此类推，延长了数据加载时间。

最优方案：用Promise.all()方法同时加载三个接口，配合async await，这样可以保证三个接口都返回后再执行下一步操作。