From 543df1b711f11d81581125cd600a551ebff07d6a Mon Sep 17 00:00:00 2001
From: speakeloudest <speakeloudest@gmail.com>
Date: Thu, 3 Sep 2026 10:30:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=94=A8=E6=88=B7=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=8D=A1=E7=89=87=E9=A1=BA?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将快捷工具在移动端排列到数据卡片之后，同时保持桌面端三列布局和原有顺序不变。
---
 src/pages/UserCenter/DesktopLayout/index.vue | 22 +++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/pages/UserCenter/DesktopLayout/index.vue b/src/pages/UserCenter/DesktopLayout/index.vue
index 884e55e..61833e6 100644
--- a/src/pages/UserCenter/DesktopLayout/index.vue
+++ b/src/pages/UserCenter/DesktopLayout/index.vue
@@ -4,25 +4,31 @@
     class="mt-4 flex flex-col justify-center gap-[10px] md:mt-0 md:h-[668px] md:flex-row md:gap-[20px]"
   >
     <!-- Left Column -->
-    <div class="h-full w-[345px]">
+    <div class="order-1 h-full w-[345px] md:order-none">
       <Transition name="fade" mode="out-in">
         <UserInfo />
       </Transition>
     </div>
 
     <!-- Middle Column -->
-    <div class="flex h-full w-[345px] flex-col gap-[10px] md:gap-[20px]">
-      <DownloadStats />
-      <QuickTools />
+    <div class="contents md:flex md:h-full md:w-[345px] md:flex-col md:gap-[20px]">
+      <div class="order-2 w-[345px] md:order-none md:w-auto">
+        <DownloadStats />
+      </div>
+      <div class="order-last w-[345px] md:order-none md:w-auto">
+        <QuickTools />
+      </div>
     </div>
 
     <!-- Right Column -->
-    <div class="flex h-full w-[345px] flex-col gap-[10px] md:gap-[20px]">
-      <ProxyData />
-      <div class="">
+    <div class="contents md:flex md:h-full md:w-[345px] md:flex-col md:gap-[20px]">
+      <div class="order-3 w-[345px] md:order-none md:w-auto">
+        <ProxyData />
+      </div>
+      <div class="order-4 w-[345px] md:order-none md:w-auto">
         <SalesData @show-history="orderDetailsModalRef?.show()" />
       </div>
-      <div class="">
+      <div class="order-5 w-[345px] md:order-none md:w-auto">
         <RefundData @show-history="refundDetailsModalRef?.show()" />
       </div>
     </div>