diff --git a/src/components/scroll/loading-component.vue b/src/components/scroll/loading-component.vue
index 9b1cd694..3061c269 100644
--- a/src/components/scroll/loading-component.vue
+++ b/src/components/scroll/loading-component.vue
@@ -11,28 +11,32 @@
 </template>
 
 <script>
-const prefixCls = 'ivu-scroll';
+    import Spin from '../spin/spin.vue';
+    import Icon from '../icon/icon.vue';
 
-export default {
-    props: ['text', 'active', 'spinnerHeight'],
-    computed: {
-        wrapperClasses() {
-            return [
-                `${prefixCls}-loader-wrapper`,
-                {
-                    [`${prefixCls}-loader-wrapper-active`]: this.active
-                }
-            ];
-        },
-        spinnerClasses() {
-            return `${prefixCls}-spinner`;
-        },
-        iconClasses() {
-            return `${prefixCls}-spinner-icon`;
-        },
-        textClasses() {
-            return `${prefixCls}-loader-text`;
+    const prefixCls = 'ivu-scroll';
+
+    export default {
+        props: ['text', 'active', 'spinnerHeight'],
+        components: { Spin, Icon },
+        computed: {
+            wrapperClasses() {
+                return [
+                    `${prefixCls}-loader-wrapper`,
+                    {
+                        [`${prefixCls}-loader-wrapper-active`]: this.active
+                    }
+                ];
+            },
+            spinnerClasses() {
+                return `${prefixCls}-spinner`;
+            },
+            iconClasses() {
+                return `${prefixCls}-spinner-icon`;
+            },
+            textClasses() {
+                return `${prefixCls}-loader-text`;
+            }
         }
-    }
-};
+    };
 </script>