Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
27591e53 1 parent 7614c98a

refactor(recall): 移除登录成功提示和调整积分页样式 

移除登录成功的 toast 提示，因为后续有个人信息完善流程
调整积分页的布局和样式，包括移除部分球体元素和修改间距
Inline Side-by-side
Showing 2 changed files with 9 additions and 9 deletions
...@@ -54,29 +54,29 @@ ...@@ -54,29 +54,29 @@
54 </div> 54 </div>
55 55
56 <!-- 球体 7 (新增) --> 56 <!-- 球体 7 (新增) -->
57 - <div class="bubble absolute left-4 top-32 animate-float-slow"> 57 + <!-- <div class="bubble absolute left-4 top-32 animate-float-slow">
58 <div class="bubble-bg w-8 h-8 bg-contain bg-center bg-no-repeat flex flex-col items-center justify-center" :style="{ backgroundImage: `url(${ppImg})` }"> 58 <div class="bubble-bg w-8 h-8 bg-contain bg-center bg-no-repeat flex flex-col items-center justify-center" :style="{ backgroundImage: `url(${ppImg})` }">
59 <img :src="jbImg" class="w-2.5 h-2.5 mb-0.5" alt="coin" /> 59 <img :src="jbImg" class="w-2.5 h-2.5 mb-0.5" alt="coin" />
60 <span class="text-white text-[6px] font-bold leading-none">+100</span> 60 <span class="text-white text-[6px] font-bold leading-none">+100</span>
61 </div> 61 </div>
62 - </div> 62 + </div> -->
63 63
64 <!-- 球体 8 (新增) --> 64 <!-- 球体 8 (新增) -->
65 - <div class="bubble absolute right-4 top-32 animate-float-slow-delayed"> 65 + <!-- <div class="bubble absolute right-4 top-32 animate-float-slow-delayed">
66 <div class="bubble-bg w-8 h-8 bg-contain bg-center bg-no-repeat flex flex-col items-center justify-center" :style="{ backgroundImage: `url(${ppImg})` }"> 66 <div class="bubble-bg w-8 h-8 bg-contain bg-center bg-no-repeat flex flex-col items-center justify-center" :style="{ backgroundImage: `url(${ppImg})` }">
67 <img :src="jbImg" class="w-2.5 h-2.5 mb-0.5" alt="coin" /> 67 <img :src="jbImg" class="w-2.5 h-2.5 mb-0.5" alt="coin" />
68 <span class="text-white text-[6px] font-bold leading-none">+100</span> 68 <span class="text-white text-[6px] font-bold leading-none">+100</span>
69 </div> 69 </div>
70 - </div> 70 + </div> -->
71 </div> 71 </div>
72 72
73 <!-- 中间瓶子 --> 73 <!-- 中间瓶子 -->
74 - <div class="bottle-section flex justify-center -mt-24 mb-2 relative z-10 flex-shrink-0"> 74 + <div class="bottle-section flex justify-center -mt-20 relative z-10 flex-shrink-0" style="margin-top: -8rem;">
75 - <img :src="pzImg" class="w-64 h-auto object-contain drop-shadow-[0_0_15px_rgba(255,255,255,0.3)]" alt="bottle" /> 75 + <img :src="pzImg" class="w-48 h-auto object-contain drop-shadow-[0_0_15px_rgba(255,255,255,0.3)]" alt="bottle" />
76 </div> 76 </div>
77 77
78 <!-- 内容区域 --> 78 <!-- 内容区域 -->
79 - <div class="flex-1 flex flex-col justify-between px-4 pb-24 overflow-hidden"> 79 + <div class="flex flex-col justify-between px-4 pb-24 overflow-hidden">
80 <!-- 积分卡片 --> 80 <!-- 积分卡片 -->
81 <div class="mb-2 bg-white/10 backdrop-blur-md rounded-2xl p-4 text-center border border-white/20 shadow-lg flex-shrink-0"> 81 <div class="mb-2 bg-white/10 backdrop-blur-md rounded-2xl p-4 text-center border border-white/20 shadow-lg flex-shrink-0">
82 <p class="text-white text-sm mb-1 opacity-90">您成功收集到</p> 82 <p class="text-white text-sm mb-1 opacity-90">您成功收集到</p>
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 </div> 106 </div>
107 107
108 <!-- 底部按钮 --> 108 <!-- 底部按钮 -->
109 - <div class="fixed bottom-0 left-0 w-full p-4 bg-gradient-to-t from-black/50 to-transparent pb-8 z-20"> 109 + <div class="fixed bottom-0 left-0 w-full p-4 bg-gradient-to-t from-black/50 to-transparent pb-6 z-20">
110 <van-button block class="submit-btn !rounded-lg !bg-transparent !border-[#FFDD01] !text-[#FFDD01] !font-bold !text-lg !h-[48px]" @click="handleExplore"> 110 <van-button block class="submit-btn !rounded-lg !bg-transparent !border-[#FFDD01] !text-[#FFDD01] !font-bold !text-lg !h-[48px]" @click="handleExplore">
111 进入新星球探索 111 进入新星球探索
112 </van-button> 112 </van-button>
......
...@@ -159,7 +159,7 @@ const handleLogin = () => { ...@@ -159,7 +159,7 @@ const handleLogin = () => {
159 return 159 return
160 } 160 }
161 161
162 - showToast('登录成功') 162 + // showToast('登录成功')
163 // TODO: 登录之后需要判断是否有完善个人信息, 如果没有进入完善流程, 如果完成直接跳到timeline 163 // TODO: 登录之后需要判断是否有完善个人信息, 如果没有进入完善流程, 如果完成直接跳到timeline
164 const info = false; 164 const info = false;
165 if (info) { 165 if (info) {
......