InitialPage 初始密码

基于 uniboot-ui修改初始密码 整页:背景与 LoginPageForgetPage 一致(默认蓝色渐变 + 装饰纹理),左上角展示品牌 Logo,中部 554px 宽白色圆角卡片,顶部信息提示、标题、新密码与确认新密码表单、规则提示与通栏提交按钮,校验规则与 uniboot-web-templateusePassword 默认一致。

基础用法

通过 authCode 传入初始密码链接中的校验码(通常由业务从路由解析);onSubmit 中调用修改初始密码接口;finish 事件在校验通过后、onSubmit 调用前触发(与 LoginPagefinish 时机一致),便于与自定义逻辑组合。

示例将提交模拟为延时。

InitialPage 属性

名称说明类型默认值
fullPage是否使用整页布局(含与 LoginPage 一致的背景层)booleantrue
backgroundImage背景图 URLstring''
backgroundColor背景色(无背景图时作为底色,并叠加默认纹理)string#2F54EB
showLanguageSwitch是否展示右上角语言切换booleantrue
getLanguages获取语言列表(优先级高于 languagesfunction
languages语言列表object[]
defaultLanguage默认语言 valuestring''
onLanguageChange语言切换回调function
pageTitle卡片内主标题string修改初始密码
subTitle顶部信息提示;不传则按 productTitle 生成默认文案string''
productTitle默认信息提示中的产品名string系统
logo左上角品牌 Logo 图片地址string内置默认 Logo
showBrand是否展示左上角品牌区(仅 fullPage 时生效)booleantrue
showBack是否展示左上角返回按钮booleantrue
onBack返回按钮回调function
newPasswordLabel新密码标签string新密码
confirmPasswordLabel确认密码标签string确认新密码
passwordPlaceholder密码输入框占位符string请输入密码
submitText提交按钮文案string提交
passwordTips卡片内规则提示段落array见源码默认
authCode初始密码链接校验码string
onSubmit提交:修改初始密码接口function
passwordPattern新密码正则(默认与 ForgetPage / 常见后台一致)regexp内置
enterMessage通用「必填」提示string请输入
passwordFormatMessage密码格式错误提示string密码格式不正确
confirmMismatchMessage两次密码不一致提示string两次密码不一致

插槽

名称说明
logo覆盖左上角品牌 Logo
title覆盖卡片内主标题(默认 pageTitle
description覆盖顶部信息提示(默认根据 subTitle / productTitle

事件

名称说明
back点击左上角返回按钮时触发
finish表单校验通过后触发,参数为 { newPassword, authCode? }(先于 onSubmit

类型

  • InitialPasswordSubmitValuesnewPasswordauthCode?
  • DEFAULT_INITIAL_PASSWORD_REGEXP:默认密码正则(与 ForgetPage 同源)

源码位于 packages/components 仓库的 initial-page;安装与 registry 要求见 开发指南