diff --git a/pages/mall/admin/userCenter/index.uvue b/pages/mall/admin/userCenter/index.uvue index 108c968e..fa623d30 100644 --- a/pages/mall/admin/userCenter/index.uvue +++ b/pages/mall/admin/userCenter/index.uvue @@ -29,22 +29,31 @@ 原始密码 - - + + + + {{ showOldPassword ? '🙉' : '🙈' }} + 新密码 - - + + + + {{ showNewPassword ? '🙉' : '🙈' }} + 确认密码 - - + + + + {{ showConfirmPassword ? '🙉' : '🙈' }} + @@ -72,6 +81,10 @@ const formData = reactive({ confirmPassword: '' }) +const showOldPassword = ref(false) +const showNewPassword = ref(false) +const showConfirmPassword = ref(false) + const isSubmitting = ref(false) onMounted(() => { @@ -261,6 +274,33 @@ const onSubmit = async () => { outline: none; } +.password-input-wrapper { + position: relative; + display: flex; + align-items: center; +} + +.password-eye { + position: absolute; + right: 12px; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 10; + padding: 0 4px; +} + +.eye-icon { + font-size: 18px; + color: #999; +} + +.password-eye:active .eye-icon { + color: #1890ff; +} + .disabled { background-color: #f5f7fa; color: #c0c4cc;