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