duanshuwen/WonderQ-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(mine游客组件): 调整布局与登录逻辑，清理冗余代码

Browse Source 
调整底部布局，移除右侧箭头按钮
简化顶部导航栏，移除收藏入口
统一全平台微信授权登录按钮，删除备用登录逻辑与废弃函数
更新登录按钮样式与图标
This commit is contained in:
duanshuwen
2026-08-14 22:56:16 +08:00
parent 1d44266595
commit 72e6071bb1
1 changed files with 6 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
WonderQ-MiniAPP/src/pages/mine/components/MineGuest.vue
View File

@@ -9,14 +9,11 @@
<text class="block text-[11px] font-semibold tracking-[0.28em] text-white/90">WONDERQ</text>
<text class="mt-1 block text-[10px] tracking-[0.22em] text-white/55">MEMBER SPACE</text>
</view>
<view class="absolute bottom-6 left-6 right-6 flex items-end justify-between">
<view class="absolute bottom-6 left-6 right-6 flex items-end justify-end">
<view>
<text class="block text-[18px] font-medium tracking-[0.04em] text-white">把旅程交给懂你的人</text>
<text class="mt-2 block text-[10px] tracking-[0.2em] text-white/60">A QUIETER WAY TO TRAVEL</text>
</view>
<view class="flex h-9 w-9 items-center justify-center rounded-full border border-white/30 bg-black/15">
<uni-icons type="arrowright" :size="18" color="#fffaf5" />
</view>
</view>
</view>
<view
@@ -30,28 +27,15 @@
<text>行程</text>
<text class="text-[#c8beb5]">·</text>
<text>订单</text>
<text class="text-[#c8beb5]">·</text>
<text>收藏</text>
</view>
<!-- #ifdef MP-WEIXIN -->
<button
class="tap-feedback m-0 mt-5 flex min-h-[48px] w-full max-w-[280px] items-center justify-center gap-2 rounded-[14px] border-0 bg-[#a45a3d] px-6 text-[16px] font-semibold tracking-[0.05em] text-white shadow-none"
open-type="getPhoneNumber"
@getphonenumber="handlePhoneLogin"
>
<uni-icons type="chat" :size="19" color="#fffaf5" />
class="tap-feedback m-0 mt-5 flex min-h-[48px] w-full max-w-[280px] items-center justify-center gap-2 rounded-full border-0 bg-[#a45a3d] px-6 text-[16px] font-semibold tracking-[0.05em] text-white shadow-none"
open-type="getPhoneNumber" @getphonenumber="handlePhoneLogin">
<uni-icons type="weixin" :size="19" color="#fffaf5" />
<text>微信授权登录</text>
</button>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<button
class="tap-feedback m-0 mt-5 flex min-h-[48px] w-full max-w-[280px] items-center justify-center gap-2 rounded-[14px] border-0 bg-[#a45a3d] px-6 text-[16px] font-semibold tracking-[0.05em] text-white shadow-none"
@click="handleFallbackLogin"
>
<uni-icons type="chat" :size="19" color="#fffaf5" />
<text>微信授权登录</text>
</button>
<!-- #endif -->
</view>
</view>
</template>
@@ -84,8 +68,4 @@ onMounted(syncMenuButtonPosition);
function handlePhoneLogin(event: PhoneLoginEvent) {
emit("login", event);
}
function handleFallbackLogin() {
emit("login", { detail: {} });
}
</script>