网站开发还需要兼ie吗,php怎么做网站教程,百度搜索不到我的网站,茂名做网站dyiee项目介绍
yggjs_rlogin 是一个专注于 React 登录/注册页面的组件库。本文档介绍“暗黑霓虹”主题#xff1a;#111 暗色背景 青蓝霓虹描边输入框 赛博朋克光效按钮。
安装说明
安装#xff1a;pnpm add yggjs_rlogin react react-dom使用#xff1a;从 yggjs_rlogin 引入组…项目介绍
yggjs_rlogin 是一个专注于 React 登录/注册页面的组件库。本文档介绍“暗黑霓虹”主题#111 暗色背景 青蓝霓虹描边输入框 赛博朋克光效按钮。
安装说明
安装pnpm add yggjs_rlogin react react-dom使用从 yggjs_rlogin 引入组件和全局样式import ‘yggjs_rlogin/styles.css’。
暗黑霓虹主题特性
暗色 #111 背景卡片 #0b0b0b霓虹主色默认 #00e6ff可通过 neonColor 定制光晕强度 glowIntensity: ‘soft’ | ‘medium’ | ‘strong’输入框霓虹描边聚焦时发光按钮赛博朋克光效 hover 动效
效果预览使用教程
全局引入样式import ‘yggjs_rlogin/styles.css’登录页注册页可通过 neonColor、glowIntensity、className 自定义主题细节
示例代码
import React from react
import { DarkNeonLoginPage, DarkNeonRegisterPage } from yggjs_rloginexport function LoginDemo() {return (DarkNeonLoginPagetitle登录showCaptchaonLogin{async (p)console.log(p)}neonColor#00e6ffglowIntensitymedium/)
}export function RegisterDemo() {return (DarkNeonRegisterPagetitle注册showCaptchaonRegister{async (p)console.log(p)}neonColor#00e6ffglowIntensitymedium/)
}代码解释
基于共享验证与验证码组件src/lib/shared登录/注册组件分别位于 src/lib/dark_neon_login/components提供自定义规则 validationRules 与验证码 captchaConfig
组件参数
通用title、logo、showCaptcha、validationRules、captchaConfig、className登录onLogin(username,password[,captcha])注册onRegister(username,password,confirmPassword[,email,captcha])暗黑霓虹特有neonColor、glowIntensity、backgroundColor
组件事件
onLogin(payload)onRegister(payload)CaptchaInput.onValidate(isValid, code)
示例
在 examples/teach_demo 中提供带/不带验证码的登录/注册页示例
总结
暗黑霓虹主题提供了易用的霓虹风登录/注册页面你可以用很少的代码快速集成并自定义主题外观。