忘语忘行
忘语忘行
  • 发布:2016-07-27 10:31
  • 更新:2016-07-27 10:31
  • 阅读:6002

修改官方demo选项卡+下拉刷新material风格为默认风格

分类:MUI

官方demo的选项卡+下拉刷新采用mui.pullToRefresh.js+mui.pullToRefresh.material.js两个js插件来制作,这两个插件感觉像是官方写的,但是为啥接口参数非常相似但又不同,非常坑
下面是改写部分(两个demo的DOM结构一致)
使用插件的下拉刷新初始化写法(来自官方demo)


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

对比红框处的部分,太相似了很容易着道啊,不知道怎么想的。
选项卡下修改成默认风格的下拉刷新要重置下样式

原demo中初始化区域滚动也不要了,默认的下拉刷新会自己初始化,所以下图中的代码就不要了,不然会有两个滚动条

改后的效果图

5 关注 分享
赵梦欢 Trust NiePlus 1***@qq.com 厦门伊豚信息

要回复文章请先登录注册

厦门伊豚信息

厦门伊豚信息

感谢楼主分享,大爱
2018-03-20 11:51
1***@qq.com

1***@qq.com

用了你的这个,然后设置style: "circle"无效,不知道咋回事
2017-11-08 09:45
banyingli

banyingli

我的就是加了滚动条之后又加了上拉加载,结果导致android上无法滚动,iOS上出现两个滚动条的情况。看了这个,删去了之前设置阻尼的代码,解决了上述问题。

感谢,帮了我大忙了...
2017-08-22 16:29
1***@qq.com

1***@qq.com

mark
2017-03-12 11:22
琉璃

琉璃

为什么照着你的来,显示出来跟你的截图不一样呢
2017-03-02 15:51
王熊喵

王熊喵

这api设计得确实是让人不明所以,平白浪费了很多时间
2017-01-12 16:42
456

456

除了推荐选项卡以外的几个选项卡也是这一种加载效果(带雪花的这种正在加载)吗
2016-12-02 11:23
露珠

露珠

Android不可用用
2016-09-20 17:22
6***@qq.com

6***@qq.com

安卓上可以么
2016-09-07 09:37
251378520

251378520

安卓不能用吧。。。
2016-08-07 15:51