flat:AI+

components/loadmore/loadmore.vue

@@ -0,0 +1,51 @@
+<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>