From c85e0021cd148958bb4e77ce3753cf094ccfe6dc Mon Sep 17 00:00:00 2001
From: hzm <934585316@qq.com>
Date: Fri, 13 Mar 2026 23:14:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=B8=AA?=
 =?UTF-8?q?=E6=80=A7=E5=8C=96=E8=AE=BE=E7=BD=AE=E5=88=97=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/MobileSettingModal.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/components/MobileSettingModal.jsx b/app/components/MobileSettingModal.jsx
index 6f252f9..7e2ecd5 100644
--- a/app/components/MobileSettingModal.jsx
+++ b/app/components/MobileSettingModal.jsx
@@ -40,6 +40,7 @@ export default function MobileSettingModal({
   onToggleShowFullFundName,
 }) {
   const [resetConfirmOpen, setResetConfirmOpen] = useState(false);
+  const [isReordering, setIsReordering] = useState(false);
 
   useEffect(() => {
     if (!open) setResetConfirmOpen(false);
@@ -58,6 +59,7 @@ export default function MobileSettingModal({
           if (!v) onClose();
         }}
         direction="bottom"
+        handleOnly={isReordering}
       >
         <DrawerContent
           className="glass"
@@ -142,6 +144,8 @@ export default function MobileSettingModal({
                 values={columns}
                 onReorder={handleReorder}
                 className="mobile-setting-list"
+                layoutScroll
+                style={{ touchAction: 'none' }}
               >
                 <AnimatePresence mode="popLayout">
                   {columns.map((item, index) => (
@@ -153,6 +157,8 @@ export default function MobileSettingModal({
                       initial={{ opacity: 0, scale: 0.98 }}
                       animate={{ opacity: 1, scale: 1 }}
                       exit={{ opacity: 0, scale: 0.98 }}
+                      onDragStart={() => setIsReordering(true)}
+                      onDragEnd={() => setIsReordering(false)}
                       transition={{
                         type: 'spring',
                         stiffness: 500,
@@ -160,6 +166,7 @@ export default function MobileSettingModal({
                         mass: 1,
                         layout: { duration: 0.2 },
                       }}
+                      style={{ touchAction: 'none' }}
                     >
                       <div
                         className="drag-handle"