更新记录

1.0.4（2021-06-22）

新增兼容vue页面上下拉刷新，加载样式同nvue

提示：vue页面不包含瀑布流列表，要用瀑布流请在nvue页面内使用

1.0.3（2021-04-22）

1.修复连续超快速下拉刷新导致下拉区域不收起的问题 2.新增下拉区域颜色配置属性 3.偷个懒~下拉刷新icon图标自行在插件内修改图标库class

1.0.2（2021-04-20）

修复ios端上下拉刷新问题

平台兼容性

lsj-nlist

可导入示例项目查看完整demo

若有疑问可进QQ讨论群：701468256

使用说明

选填项

必填项

downText说明

upText说明

示例

vue:

<lsj-nlist ref="lsjNlist" type="list" init @loadData="loadData">
    <!-- 此处可写cell、header -->
    <cell v-for="(item,index) in list" :key="index">
        <!-- 此处写一列的内容 -->

    </cell>
</lsj-nlist>

js：

data() {
    return {
        top: 0,
        list: [],
        fromData: {
            pageNum: 1,
            pageSize: 20
        }
    }
}
methods: {
    async loadData(refresh) {
        // 下拉刷新重置请求参数
        if (refresh) {this.fromData.pageNum = 1;}

        // start:----模拟接口请求-----
        let promise = new Promise((resolve, reject) => {setTimeout(() => resolve('仿接口请求'), 1000)})
        let res = await promise;
        console.log(refresh,res,this.fromData);
        // end:----模拟部分需删除-----

        // 下拉刷新请求到数据再置空之前的数据，避免出现空白页
        if (refresh) {
            this.list = [];
        }

        // start:----模拟加载列表-----
        for (let i=0,len=39;i<len;i++) {this.list.push({name:i});}
        // end:----模拟部分需删除-----

        let isMore = this.list.length <= 100;
        // 如果还有下一页，则下次请求page+1;
        if (isMore) {
            this.fromData.pageNum++;
        }
        // 结束刷新效果
        // isMore决定是否还可以继续上拉加载更多数据
        this.$refs.lsjNlist.endLoad(refresh,isMore);
    }
}