fix(login): 互换登录页右上角扫码与手机图标
- 调整扫码模式下显示手机图标,账号/手机模式显示二维码图标 - 解决图标显示与目标模式相反的问题 - 优化用户界面切换按钮的视觉表达
This commit is contained in:
@@ -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`
|
||||||
|
- 即:扫码模式下显示手机图标(切回账号/手机),账号/手机模式显示二维码图标(切到扫码)
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user