目录

  1. 单个html页面实现下拉刷新在Android环境下失效的问题
  2. 选项卡+下拉刷新使用默认风格提示符的问题

单个html页面实现下拉刷新在Android环境下失效的问题

问题原因是在Android环境下,mui进入5+环境的下拉刷新初始化,源码中使用5+环境的pullRefresh方法覆写了web下的pullRefresh方法(即mui强制在Android真机环境下采用父子webview的 方式)。

解决方法如下:

  1. 在引入mui前添加全局变量
  2. 修改两处源码(ps:图中红框h5pullDown改成window.h5pullDown,避免环境中没有这个变量报错

选项卡+下拉刷新使用默认风格提示符的问题

官方demo的选项卡+下拉刷新采用mui.pullToRefresh.js+mui.pullToRefresh.material.js两个js插件来制作,感觉像是官方写的,但是为啥接口参数非常相似但又不同,非常坑

使用插件的下拉刷新初始化写法(来自官方demo)

默认风格不使用插件的下拉刷新初始化写法(改写的demo,用了vue)

对比红框处的部分,太相似了很容易着道啊,不知道怎么想的。

选项卡下修改成默认风格的下拉刷新要重置下样式

改后的效果图