fix(login): 互换登录页右上角扫码与手机图标

- 调整扫码模式下显示手机图标,账号/手机模式显示二维码图标
- 解决图标显示与目标模式相反的问题
- 优化用户界面切换按钮的视觉表达
This commit is contained in:
2026-07-18 19:43:54 +08:00
parent 9395e63f20
commit f65b8a945d
2 changed files with 11 additions and 2 deletions

View File

@@ -38,3 +38,12 @@
### 注意 ### 注意
- 外部接口用绝对 URL`https://server.websoft.top/api/...`),未走 SERVER_API_URL 代理 - 外部接口用绝对 URL`https://server.websoft.top/api/...`),未走 SERVER_API_URL 代理
- `vue-tsc` 全量检查仍有大量历史错误ByteMdEditor、shopActivity 等),本次改动无新增错误 - `vue-tsc` 全量检查仍有大量历史错误ByteMdEditor、shopActivity 等),本次改动无新增错误
## 登录页右上角切换图标互换
### 需求
`src/views/passport/login/index.vue` 右上角扫码/手机切换按钮,图标原本与「目标模式」相反,需互换。
### 改动
- 第 65-66 行:`v-if="loginType === 'scan'"` 显示 `QrcodeOutlined` → 改为 `MobileOutlined``v-else` 显示 `MobileOutlined` → 改为 `QrcodeOutlined`
- 即:扫码模式下显示手机图标(切回账号/手机),账号/手机模式显示二维码图标(切到扫码)

View File

@@ -62,8 +62,8 @@
<div <div
class="absolute top-2 right-2 text-lg text-white font-bold cursor-pointer" class="absolute top-2 right-2 text-lg text-white font-bold cursor-pointer"
> >
<QrcodeOutlined v-if="loginType === 'scan'" /> <MobileOutlined v-if="loginType === 'scan'" />
<MobileOutlined v-else /> <QrcodeOutlined v-else />
</div> </div>
<!-- <span class="absolute top-3 right-1.5 text-sm text-white font-bold cursor-pointer">{{ '登录' }}</span>--> <!-- <span class="absolute top-3 right-1.5 text-sm text-white font-bold cursor-pointer">{{ '登录' }}</span>-->
</div> </div>