外观
AuthPage 登录模板
Props 参数
typescript
import type { FormSchema } from '../../form-schema';
export type AuthPageProps = {
/**
* 登录标题,如果为`false`或者为空则不显示
* @default 欢迎登录
*/
loginTitle?: string | boolean;
/**
* 登录按钮文本
* @default 登录
*/
loginText?: string;
/**
* 是否使用注册
* @default false
*/
useRegistry?: boolean;
/**
* 是否使用用户协议
*/
useUserAgent?: boolean;
/**
* 是否使用记住密码
* @default true
*/
useRemember?: boolean;
/**
* 记住密码文本
* @default 记住密码
*/
rememberText?: string;
/**
* 使用使用找回密码
* @default false
*/
useForgetPassword?: boolean;
/**
* 忘记密码找回文本
* @default 找回密码
*/
forgetPasswordText?: string;
/**
* 是否居中,如果`true`, offsetR自动为`50%`
* @default false
*/
center?: boolean;
/**
* 距离右边偏移量
* @default 230px
*/
offsetR?: string | number;
/**
* 背景图片
*/
bgUrl?: string;
/**
* 表单配置,如果没有,则使用默认
*/
formSchema?: FormSchema | (() => FormSchema);
};
export type AuthPageConfig = {
/**
* 参数配置
*/
config?: AuthPageProps;
};Events 事件
typescript
/**
* events事件
*/
export type AuthEmits = {
/**
* 提交
* @param e
* @param data 如果有自定义`form-schema`插槽,值将会是`null`
*/
(e: 'confirm', data: any): void;
};