<template>
    <view class="more">
        <uni-load-more iconType="circle" :status="status" />
    </view>
</template>

<script>
export default {
    name: 'loadmore',
    data() {
        return {
            status: 'more',
            statusTypes: [
                {
                    value: 'more',
                    text: '加载前',
                    checked: true,
                },
                {
                    value: 'loading',
                    text: '加载中',
                    checked: false,
                },
                {
                    value: 'noMore',
                    text: '没有更多',
                    checked: false,
                },
            ],
            contentText: {
                contentdown: '查看更多',
                contentrefresh: '加载中',
                contentnomore: '没有更多',
            },
        };
    },
    methods: {
        change(state) {
            this.status = state;
        },
        clickLoadMore(e) {
            uni.showToast({
                icon: 'none',
                title: '当前状态：' + e.detail.status,
            });
        },
    },
};
</script>

<style></style>
