c-uview-plus/components/u-loadmore/props.js

零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
    props: {
        // 组件状态，loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
        status: {
            type: String,
            default: () => defProps.loadmore.status
        },
        // 组件背景色
        bgColor: {
            type: String,
            default: () => defProps.loadmore.bgColor
        },
        // 是否显示加载中的图标
        icon: {
            type: Boolean,
            default: () => defProps.loadmore.icon
        },
        // 字体大小
        fontSize: {
            type: [String, Number],
            default: () => defProps.loadmore.fontSize
        },
		    // 图标大小
        iconSize: {
            type: [String, Number],
            default: () => defProps.loadmore.iconSize
        },
        // 字体颜色
        color: {
            type: String,
            default: () => defProps.loadmore.color
        },
        // 加载中状态的图标，spinner-花朵状图标，circle-圆圈状，semicircle-半圆
        loadingIcon: {
            type: String,
            default: () => defProps.loadmore.loadingIcon
        },
        // 加载前的提示语
        loadmoreText: {
            type: String,
            default: () => defProps.loadmore.loadmoreText
        },
        // 加载中提示语
        loadingText: {
            type: String,
            default: () => defProps.loadmore.loadingText
        },
        // 没有更多的提示语
        nomoreText: {
            type: String,
            default: () => defProps.loadmore.nomoreText
        },
        // 在“没有更多”状态下，是否显示粗点
        isDot: {
            type: Boolean,
            default: () => defProps.loadmore.isDot
        },
        // 加载中图标的颜色
        iconColor: {
            type: String,
            default: () => defProps.loadmore.iconColor
        },
        // 上边距
        marginTop: {
            type: [String, Number],
            default: () => defProps.loadmore.marginTop
        },
        // 下边距
        marginBottom: {
            type: [String, Number],
            default: () => defProps.loadmore.marginBottom
        },
        // 高度，单位px
        height: {
            type: [String, Number],
            default: () => defProps.loadmore.height
        },
        // 是否显示左边分割线
        line: {
            type: Boolean,
            default: () => defProps.loadmore.line
        },
        // 线条颜色
        lineColor: {
            type: String,
            default: () => defProps.loadmore.lineColor
        },
        // 是否虚线，true-虚线，false-实线
        dashed: {
            type: Boolean,
            default: () => defProps.loadmore.dashed
        }
    }
})