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