diff --git a/pages/component/scroll-view/refresh-box/refresh-box.uvue b/pages/component/scroll-view/refresh-box/refresh-box.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..0750044cf3487f79390ecde661e1bbf4fda7fa8d
--- /dev/null
+++ b/pages/component/scroll-view/refresh-box/refresh-box.uvue
@@ -0,0 +1,47 @@
+<template>
+
+    <view slot="refresher" class="refresh-box">
+      <image v-if="state == 2" class="refresh-icon" src="/static/template/custom-refresher/refresh-box/run.gif" mode="widthFix"></image>
+      <text class="tip-text">{{text[state]}}</text>
+    </view>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        text: ['继续下拉执行刷新', '释放立即刷新', '刷新中', ""]
+      }
+    },
+    props: {
+      state: {
+        type: Number,
+        default: 0
+      },
+      methods: {
+
+      }
+    }
+  }
+</script>
+
+<style>
+  .refresh-box {
+    justify-content: center;
+    align-items: center;
+    flex-direction: row;
+    height: 30px;
+  }
+
+  .refresh-icon {
+    width: 20px;
+    height: 20px;
+    margin: 5px;
+  }
+
+  .tip-text {
+    color: #888;
+    font-size: 12px;
+  }
+</style>
diff --git a/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue b/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue
index 43590788d7f175a922fe8bd3f9df6819ac9f9474..494a9335ad763da5ede25064bf7304ede97ff5a8 100644
--- a/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue
+++ b/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-	import refreshBox from '../../template/custom-refresher/refresh-box/refresh-box.uvue';
+	import refreshBox from './refresh-box/refresh-box.uvue';
 	export default {
 		components: { refreshBox },
 		data() {