更新记录

1.2.0(2020-01-06)

  1. mescroll-uni.vue的props新增height. // 简单快捷设置mescroll的高度, 此项有值,则不使用fixed. 使用场景: 当在弹窗或浮层中使用fixed固定mescroll高度比较麻烦时, 配置此项就很方便了 支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx, 百分比则相对于windowHeight
  2. mescroll-uni.vue的props新增safearea. // bottom的偏移量是否加上底部安全区的距离, 默认false (需要适配iPhoneX时使用,此项值对回到顶部按钮生效)
  3. mescroll-uni.vue的props中,top和bottom不仅仅支持数字, 还支持"20rpx", "20px", "20%"格式的值
  4. 补充锁定上拉加载mescroll.lockUpScroll的方法
  5. down.fps默认值提高至80
  6. 独立出空布局的组件<mescroll-empty>, 以便在不使用mescroll的界面也能统一管理空布局

    <template>
        <view>
            // 基本用法
            <mescroll-empty v-if="list.length==0"></mescroll-empty>
            // 所有配置项 (option同up.empty的配置一致)
            <mescroll-empty v-if="isShowEmpty" :option="optEmpty" @emptyclick="emptyClick"></mescroll-empty>
        </view>
    </template>
    
    
        import MescrollEmpty from '@/components/mescroll-uni/components/mescroll-empty.vue';
        export default {
            components: {
                MescrollEmpty
            },
            ...
        }
  7. 为了更快速自定义回到顶部按钮, up.toTop新增以下配置项:
    toTop: {
        zIndex: 9990, // fixed定位z-index值
        right: 20, // 到右边的距离, 默认20 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
        bottom: 120, // 到底部的距离, 默认120 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
        safearea: false, // bottom的偏移量是否加上底部安全区的距离, 默认false. 需要适配iPhoneX时使用 (具体的界面如果不配置此项,则取mescroll-uni.vue的safearea值)
        width: 72, // 回到顶部图标的宽度, 默认72 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
        radius: "50%", // 圆角, 默认"50%" (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
        left: null, // 到左边的距离, 默认null. 此项有值时,right不生效. (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
        duration: 300, // 回到顶部的动画时长,默认300ms (当值为0或300则使用系统自带回到顶部,更流畅; 其他值则通过step模拟,部分机型可能不够流畅,所以非特殊情况不建议修改此项)
        src: null, // (已有配置)
        offset: 1000 // (已有配置)
    }

1.1.9(2019-12-16)

  1. 解决左右滑动屏幕,某些情况下会触发上拉回调的bug
  2. mescroll-uni.vue的props新增topbar: top的偏移量是否加上状态栏高度 (当fixed为false时不生效; 使用场景:取消原生导航栏时,配置此项可自动加上状态栏高度的偏移量)
查看更多

mescroll-uni : 支持uni-app的下拉刷新和上拉加载组件

http://www.mescroll.com

  1. mescroll-uni 是用在uni-app的下拉刷新和上拉加载的组件, 支持一套代码编译到iOS、Android、H5、小程序等多个平台

  2. mescroll-uni 采用的是uni官方推荐的新框架编译模式 : 自定义组件模式, 实现了更高的性能及更多的 Vue 语法支持

  3. mescroll-uni 继承了mescroll.js的实用功能: 自动处理分页, 自动控制无数据, 空布局提示, 回到顶部按钮 ..

  4. mescroll-uni 丰富的案例, 自由灵活的api, 超详细的注释, 可让您快速自定义真正属于自己的下拉上拉组件


快速入门,在线案例,参数说明, 请移步至mescroll官网



关于android下拉卡顿和快速上拉不断翻页的问题说明:

已在最新版本解决,请更新~

注意:

  1. 在pages.json找到使用mescroll的page, 必须给style添加 "disableScroll": true 否则Android小程序仍然卡顿 另外微信开发工具的真机调试(小虫子)下还是会卡的,改成预览(小眼睛)就不卡了.

  2. 为了使下拉刷新更流畅时, mescroll使用了transform动画, 所以fixed元素需写在mescroll之外, 否则会降级为absolute
    详见: https://www.jianshu.com/p/6f96b79ad566

关于编译到头条小程序功能失效的问题说明:


详见: http://www.mescroll.com/qa.html

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问