feat: 优化密码可见性图标显示,调整图标大小

This commit is contained in:
2026-01-22 17:49:41 +07:00
parent 78c413a914
commit ea17d9c908

View File

@@ -1,6 +1,7 @@
<script lang='ts' setup> <script lang='ts' setup>
import { faker } from "@faker-js/faker"; import { faker } from "@faker-js/faker";
import { toastController } from "@ionic/vue"; import { toastController } from "@ionic/vue";
import { eyeOffOutline, eyeOutline } from "ionicons/icons";
import { ref } from "vue"; import { ref } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { safeClient } from "@/api"; import { safeClient } from "@/api";
@@ -143,7 +144,7 @@ function goToTerms(type: "service" | "privacy") {
/> />
<ion-icon <ion-icon
slot="end" slot="end"
:icon="showPassword ? 'eye-outline' : 'eye-off-outline'" :icon="showPassword ? eyeOutline : eyeOffOutline"
class="password-toggle" class="password-toggle"
@click="showPassword = !showPassword" @click="showPassword = !showPassword"
/> />
@@ -159,7 +160,7 @@ function goToTerms(type: "service" | "privacy") {
/> />
<ion-icon <ion-icon
slot="end" slot="end"
:icon="showConfirmPassword ? 'eye-outline' : 'eye-off-outline'" :icon="showConfirmPassword ? eyeOutline : eyeOffOutline"
class="password-toggle" class="password-toggle"
@click="showConfirmPassword = !showConfirmPassword" @click="showConfirmPassword = !showConfirmPassword"
/> />
@@ -387,7 +388,7 @@ function goToTerms(type: "service" | "privacy") {
.password-toggle { .password-toggle {
color: #8b949e; color: #8b949e;
font-size: 22px; font-size: 16px;
cursor: pointer; cursor: pointer;
} }