1

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

@@ -0,0 +1,32 @@
+/*
+ * @Author       : LQ
+ * @Description  :
+ * @version      : 1.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : LQ
+ * @lastTime     : 2021-08-20 17:15:26
+ * @FilePath     : /u-view2.0/uview-ui/libs/config/props/loadmore.js
+ */
+export default {
+    // loadmore 组件
+    loadmore: {
+        status: 'loadmore',
+        bgColor: 'transparent',
+        icon: true,
+        fontSize: 14,
+		iconSize: 17,
+        color: '#606266',
+        loadingIcon: 'spinner',
+        loadmoreText: '加载更多',
+        loadingText: '正在加载...',
+        nomoreText: '没有更多了',
+        isDot: false,
+        iconColor: '#b7b7b7',
+        marginTop: 10,
+        marginBottom: 10,
+        height: 'auto',
+        line: false,
+		lineColor: '#E6E8EB',
+		dashed: false,
+    }
+}

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

@@ -0,0 +1,96 @@
+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
+        }
+    }
+})