From a7e87906b78a0948ec5dcaab77f2e88cdb3dd8d9 Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Wed, 12 Nov 2025 10:38:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8B=96=E5=8A=A8=E6=97=B6?=
 =?UTF-8?q?=E9=94=99=E4=BD=8D=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cl-float-view/cl-float-view.uvue          | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/uni_modules/cool-ui/components/cl-float-view/cl-float-view.uvue b/uni_modules/cool-ui/components/cl-float-view/cl-float-view.uvue
index 36bb609..0161509 100644
--- a/uni_modules/cool-ui/components/cl-float-view/cl-float-view.uvue
+++ b/uni_modules/cool-ui/components/cl-float-view/cl-float-view.uvue
@@ -1,9 +1,6 @@
 <template>
 	<view
 		class="cl-float-view"
-		:class="{
-			'no-dragging': !position.isDragging
-		}"
 		:style="viewStyle"
 		@touchstart="onTouchStart"
 		@touchmove.stop.prevent="onTouchMove"
@@ -16,7 +13,7 @@
 
 <script setup lang="ts">
 import { getSafeAreaHeight, getTabBarHeight, hasCustomTabBar, router } from "@/cool";
-import { computed, reactive } from "vue";
+import { computed, nextTick, reactive } from "vue";
 import { clFooterOffset } from "../cl-footer/offset";
 
 defineOptions({
@@ -80,7 +77,7 @@ type Position = {
 const position = reactive<Position>({
 	x: props.left, // 初始左边距10px
 	y: props.bottom, // 初始距离底部10px
-	isDragging: false // 初始状态为非拖拽
+	isDragging: true // 初始状态为拖拽
 });
 
 /**
@@ -129,6 +126,14 @@ const viewStyle = computed(() => {
 	// 设置高度
 	style["height"] = `${props.size}px`;
 
+	// 拖拽过渡效果
+	if (position.isDragging) {
+		style["transition-property"] = "none";
+	} else {
+		style["transition-property"] = "left, bottom";
+		style["transition-duration"] = "300ms";
+	}
+
 	return style;
 });
 
@@ -265,23 +270,20 @@ function onTouchEnd() {
 	// 如果不在拖拽状态，直接返回
 	if (!position.isDragging) return;
 
-	// 结束拖拽状态，恢复过渡动画
-	position.isDragging = false;
+	nextTick(() => {
+		// 结束拖拽状态，恢复过渡动画
+		position.isDragging = false;
 
-	// 执行边缘吸附逻辑
-	if (!props.noSnapping) {
-		performEdgeSnapping();
-	}
+		// 执行边缘吸附逻辑
+		if (!props.noSnapping) {
+			performEdgeSnapping();
+		}
+	});
 }
 </script>
 
 <style lang="scss" scoped>
 .cl-float-view {
-	@apply fixed transition-none;
-
-	&.no-dragging {
-		@apply duration-300;
-		transition-property: left, bottom;
-	}
+	@apply fixed;
 }
 </style>