返佣比例

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="overflow-x-auto md:w-[1220px]">
     <main>
       <RouterView />
     </main>

src/pages/UserCenter/DesktopLayout/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- Main Neon Green Card -->
-  <div class="flex h-[668px] justify-center gap-[20px]">
+  <div class="mt-4 flex flex-col justify-center gap-[20px] md:mt-0 md:h-[668px] md:flex-row">
     <!-- Left Column -->
     <div class="h-full w-[345px]">
       <Transition name="fade" mode="out-in">

src/pages/UserCenter/components/UserInfo/index.vue

@@ -12,7 +12,9 @@
               <div class="ml-2 flex flex-col justify-center text-white">
                 <div class="text-base font-semibold">{{ userInfo.email }}</div>
                 <div class="flex items-center text-base font-semibold">
-                  <span class="mr-0.5 text-3xl">🌞</span> 超级合伙人
+                  <span class="mr-0.5 text-3xl">🌞</span> 超级合伙人 返佣比例{{
+                    userInfo.referral_percentage
+                  }}%
                 </div>
               </div>
             </div>

src/styles/index.css

@@ -8,10 +8,10 @@
 html, body {
   background: #000;
 }
-body {
+/*body {*/
-  min-width: 1220px;
+/*  min-width: 1220px;*/
-  overflow-x: auto; /* 当窗口小于1024px时显示横向滚动条 */
+/*  overflow-x: auto; !* 当窗口小于1024px时显示横向滚动条 *!*/
-}
+/*}*/
 .lucid-glass-bar {
   /* 基础背景：Figma 中通常是叠加的，这里取中值确保通透度 */
   background: rgb(255 255 255 / 6%);