You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.9 KiB
96 lines
2.9 KiB
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
|
|
}
|
|
}
|
|
})
|