|
@@ -37,49 +37,51 @@ onLoad(() => {
|
|
</script>
|
|
</script>
|
|
<template>
|
|
<template>
|
|
<div class="flex-grow flex flex-col items-center justify-start px-7.5 bg-[#ffffff] pt-[100px]">
|
|
<div class="flex-grow flex flex-col items-center justify-start px-7.5 bg-[#ffffff] pt-[100px]">
|
|
- <div class="flex flex-col justify-start mb-[57px] title">
|
|
|
|
- <div class="text-black text-2xl font-normal font-['PingFang SC']">你好!</div>
|
|
|
|
- <div class="text-black text-2xl font-normal font-['PingFang SC'] mt-[9px]">
|
|
|
|
- 欢迎来到筑巢荟
|
|
|
|
|
|
+ <template v-if="!(isLogined ?? true)">
|
|
|
|
+ <div class="flex flex-col justify-start mb-[57px] title">
|
|
|
|
+ <div class="text-black text-2xl font-normal font-['PingFang SC']">你好!</div>
|
|
|
|
+ <div class="text-black text-2xl font-normal font-['PingFang SC'] mt-[9px]">
|
|
|
|
+ 欢迎来到筑巢荟
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="w-full flex flex-col gap-6.5">
|
|
|
|
- <div class="bg-[#F6F6F6] flex items-center h-12.5 px-5 rounded-full gap-4">
|
|
|
|
- <wd-img :src="loginAccountIcon" mode="widthFix" width="19" />
|
|
|
|
- <wd-input
|
|
|
|
- no-border
|
|
|
|
- type="number"
|
|
|
|
- placeholder="请输入手机号"
|
|
|
|
- v-model="formData.mobile"
|
|
|
|
- custom-class="bg-transparent!"
|
|
|
|
- />
|
|
|
|
|
|
+ <div class="w-full flex flex-col gap-6.5">
|
|
|
|
+ <div class="bg-[#F6F6F6] flex items-center h-12.5 px-5 rounded-full gap-4">
|
|
|
|
+ <wd-img :src="loginAccountIcon" mode="widthFix" width="19" />
|
|
|
|
+ <wd-input
|
|
|
|
+ no-border
|
|
|
|
+ type="number"
|
|
|
|
+ placeholder="请输入手机号"
|
|
|
|
+ v-model="formData.mobile"
|
|
|
|
+ custom-class="bg-transparent!"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="bg-[#F6F6F6] flex items-center h-12.5 px-5 rounded-full gap-4">
|
|
|
|
+ <wd-img :src="loginPswIcon" mode="widthFix" width="19" />
|
|
|
|
+ <wd-input
|
|
|
|
+ no-border
|
|
|
|
+ type="number"
|
|
|
|
+ placeholder="请输入密码"
|
|
|
|
+ v-model="formData.password"
|
|
|
|
+ custom-class="flex-1 bg-transparent!"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="bg-[#F6F6F6] flex items-center h-12.5 px-5 rounded-full gap-4">
|
|
|
|
- <wd-img :src="loginPswIcon" mode="widthFix" width="19" />
|
|
|
|
- <wd-input
|
|
|
|
- no-border
|
|
|
|
- type="number"
|
|
|
|
- placeholder="请输入密码"
|
|
|
|
- v-model="formData.password"
|
|
|
|
- custom-class="flex-1 bg-transparent!"
|
|
|
|
- />
|
|
|
|
|
|
+ <div class="w-full flex items-center justify-between mt-[19px]">
|
|
|
|
+ <wd-checkbox :modelValue="true" shape="square">记住密码</wd-checkbox>
|
|
|
|
+ <div class="text-[#2357e9] text-xs font-normal font-['PingFang SC']">忘记密码?</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="w-full flex items-center justify-between mt-[19px]">
|
|
|
|
- <wd-checkbox :modelValue="true" shape="square">记住密码</wd-checkbox>
|
|
|
|
- <div class="text-[#2357e9] text-xs font-normal font-['PingFang SC']">忘记密码?</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="w-full mt-[50px]">
|
|
|
|
- <wd-button block :round="false" @click="handleLogin">登录</wd-button>
|
|
|
|
- </div>
|
|
|
|
- <div class="mt-8">
|
|
|
|
- <span class="text-black/40 text-xs font-normal font-['PingFang SC'] leading-tight">
|
|
|
|
- 登录即代表您已阅读并同意筑巢荟的
|
|
|
|
- </span>
|
|
|
|
- <span class="text-[#2357e9] text-xs font-normal font-['PingFang SC'] leading-tight">
|
|
|
|
- 《服务使用协议》
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="w-full mt-[50px]">
|
|
|
|
+ <wd-button block :round="false" @click="handleLogin">登录</wd-button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mt-8">
|
|
|
|
+ <span class="text-black/40 text-xs font-normal font-['PingFang SC'] leading-tight">
|
|
|
|
+ 登录即代表您已阅读并同意筑巢荟的
|
|
|
|
+ </span>
|
|
|
|
+ <span class="text-[#2357e9] text-xs font-normal font-['PingFang SC'] leading-tight">
|
|
|
|
+ 《服务使用协议》
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|