refactor(mine游客组件): 调整布局与登录逻辑,清理冗余代码
调整底部布局,移除右侧箭头按钮 简化顶部导航栏,移除收藏入口 统一全平台微信授权登录按钮,删除备用登录逻辑与废弃函数 更新登录按钮样式与图标
This commit is contained in:
1 parent
1d44266595
commit
72e6071bb1
1 file changed
+6
-26
@@ -9,14 +9,11 @@
|
|||||||
<text class="block text-[11px] font-semibold tracking-[0.28em] text-white/90">WONDERQ</text>
|
<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>
|
<text class="mt-1 block text-[10px] tracking-[0.22em] text-white/55">MEMBER SPACE</text>
|
||||||
</view>
|
</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>
|
<view>
|
||||||
<text class="block text-[18px] font-medium tracking-[0.04em] text-white">把旅程交给懂你的人</text>
|
<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>
|
<text class="mt-2 block text-[10px] tracking-[0.2em] text-white/60">A QUIETER WAY TO TRAVEL</text>
|
||||||
</view>
|
</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>
|
</view>
|
||||||
<view
|
<view
|
||||||
@@ -30,28 +27,15 @@
|
|||||||
<text>行程</text>
|
<text>行程</text>
|
||||||
<text class="text-[#c8beb5]">·</text>
|
<text class="text-[#c8beb5]">·</text>
|
||||||
<text>订单</text>
|
<text>订单</text>
|
||||||
<text class="text-[#c8beb5]">·</text>
|
|
||||||
<text>收藏</text>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
|
||||||
<button
|
<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"
|
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"
|
open-type="getPhoneNumber" @getphonenumber="handlePhoneLogin">
|
||||||
@getphonenumber="handlePhoneLogin"
|
<uni-icons type="weixin" :size="19" color="#fffaf5" />
|
||||||
>
|
|
||||||
<uni-icons type="chat" :size="19" color="#fffaf5" />
|
|
||||||
<text>微信授权登录</text>
|
<text>微信授权登录</text>
|
||||||
</button>
|
</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>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -84,8 +68,4 @@ onMounted(syncMenuButtonPosition);
|
|||||||
function handlePhoneLogin(event: PhoneLoginEvent) {
|
function handlePhoneLogin(event: PhoneLoginEvent) {
|
||||||
emit("login", event);
|
emit("login", event);
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleFallbackLogin() {
|
|
||||||
emit("login", { detail: {} });
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
Reference in new issue
Block a user