neumedia-water-fall

瀑布流列表

数据列表呈瀑布流形式展示。通过上下拖拽的操作，重新刷新页面数据，或加载更多列表数据。

更新历史

安装

npm install neumedia-water-fall

导入

import WaterFall from 'neumedia-water-fall';

export default {
    components: {
        WaterFall
    },
    data() {
        return {
            page: 1,
            list: []
        };
    },
    methods: {
        getList(page) {
            // 获取第 page 页数据，并 return 返回
        },
        handleRefresh() {
            this.page = 1;
            return this.getList(this.page);
        },
        handleLoadPage() {
            let list = this.getList(this.page);
            this.page = this.page + 1;
            return list;
        }
    }
}

使用

<water-fall v-model="list" :handle-more="handleLoadPage" :handle-refresh="handleRefresh"></water-fall>

API

Props