feat: 优化密码可见性图标显示,调整图标大小
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user