fix(login): 互换登录页右上角扫码与手机图标
- 调整扫码模式下显示手机图标,账号/手机模式显示二维码图标 - 解决图标显示与目标模式相反的问题 - 优化用户界面切换按钮的视觉表达
This commit is contained in:
@@ -38,3 +38,12 @@
|
||||
### 注意
|
||||
- 外部接口用绝对 URL(`https://server.websoft.top/api/...`),未走 SERVER_API_URL 代理
|
||||
- `vue-tsc` 全量检查仍有大量历史错误(ByteMdEditor、shopActivity 等),本次改动无新增错误
|
||||
|
||||
## 登录页右上角切换图标互换
|
||||
|
||||
### 需求
|
||||
`src/views/passport/login/index.vue` 右上角扫码/手机切换按钮,图标原本与「目标模式」相反,需互换。
|
||||
|
||||
### 改动
|
||||
- 第 65-66 行:`v-if="loginType === 'scan'"` 显示 `QrcodeOutlined` → 改为 `MobileOutlined`;`v-else` 显示 `MobileOutlined` → 改为 `QrcodeOutlined`
|
||||
- 即:扫码模式下显示手机图标(切回账号/手机),账号/手机模式显示二维码图标(切到扫码)
|
||||
|
||||
@@ -62,8 +62,8 @@
|
||||
<div
|
||||
class="absolute top-2 right-2 text-lg text-white font-bold cursor-pointer"
|
||||
>
|
||||
<QrcodeOutlined v-if="loginType === 'scan'" />
|
||||
<MobileOutlined v-else />
|
||||
<MobileOutlined v-if="loginType === 'scan'" />
|
||||
<QrcodeOutlined v-else />
|
||||
</div>
|
||||
<!-- <span class="absolute top-3 right-1.5 text-sm text-white font-bold cursor-pointer">{{ '登录' }}</span>-->
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user