From ffaa3a88b4958b215c2e10806a455091d82b3d7a Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Tue, 2 Jul 2024 18:05:38 +0800
Subject: [PATCH] =?UTF-8?q?scroll-view-custom-refresher-props.uvue=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E5=86=85=E7=BD=AErefresh-box=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scroll-view/refresh-box/refresh-box.uvue  | 47 +++++++++++++++++++
 .../scroll-view-custom-refresher-props.uvue   |  2 +-
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 pages/component/scroll-view/refresh-box/refresh-box.uvue

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 00000000..0750044c
--- /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 43590788..494a9335 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() {
-- 
GitLab