{"id":22433624,"url":"https://github.com/gavinning/login-register-uikit","last_synced_at":"2025-08-14T07:42:29.829Z","repository":{"id":41722054,"uuid":"237771794","full_name":"gavinning/login-register-uikit","owner":"gavinning","description":"简单实用的登录注册页","archived":false,"fork":false,"pushed_at":"2023-01-06T02:31:29.000Z","size":1691,"stargazers_count":0,"open_issues_count":22,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-11T07:28:39.270Z","etag":null,"topics":["login","login-register-uikit","login-ui","login-uikit","register","register-ui","register-uikit","vue","vue-login-register-uikit"],"latest_commit_sha":null,"homepage":"https://gavinning.github.io/login-register-uikit/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gavinning.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-02T13:01:02.000Z","updated_at":"2020-08-14T08:14:19.000Z","dependencies_parsed_at":"2023-02-05T03:05:10.274Z","dependency_job_id":null,"html_url":"https://github.com/gavinning/login-register-uikit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gavinning/login-register-uikit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gavinning%2Flogin-register-uikit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gavinning%2Flogin-register-uikit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gavinning%2Flogin-register-uikit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gavinning%2Flogin-register-uikit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gavinning","download_url":"https://codeload.github.com/gavinning/login-register-uikit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gavinning%2Flogin-register-uikit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270385013,"owners_count":24574537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["login","login-register-uikit","login-ui","login-uikit","register","register-ui","register-uikit","vue","vue-login-register-uikit"],"created_at":"2024-12-05T22:15:28.726Z","updated_at":"2025-08-14T07:42:29.788Z","avatar_url":"https://github.com/gavinning.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"Login-register-uikit\n---\n简单实用的登录注册页\n\n## Setup\n```sh\nnpm i login-register-uikit\n```\n\n### Usage\n路由配置示例\n```js\nimport Login from '../page/Login.vue'\n\nconst routes = [\n  {\n    path: '/',\n    name: 'home',\n    component: Home\n  },\n  {\n    path: '/login',\n    name: 'login',\n    component: Login,\n    meta: { status: 0 } // 标记为Login\n  },\n  {\n    path: '/register',\n    name: 'register',\n    component: Login,\n    meta: { status: 1 } // 标记为Register\n  },\n]\n```\nLogin.vue\n```vue\n\u003ctemplate\u003e\n\u003clogin-register\n  :formSubmit=\"formSubmit\"\n  :formRender=\"formRender\"\n/\u003e\n\u003c/template\u003e\n\u003cscript\u003e\nimport LoginRegister from '@/components/LoginRegister'\n\nexport default {\n  components: { LoginRegister },\n\n  data() {\n    return {\n      loginRender: {\n        title: '登录',\n        submit: '立即登录',\n        fields: [\n          {\n            type: 'text',\n            field: 'username',\n            placeholder: '请输入用户名',\n            validate(value) {\n              return !!value\n            }\n          },\n          {\n            type: 'password',\n            field: 'password',\n            placeholder: '请输入密码',\n            validate(value) {\n              return value \u0026\u0026 value.length \u003e= 6\n            }\n          }\n        ]\n      },\n\n      registerRender: {\n        title: '注册',\n        submit: '立即注册',\n        fields: [\n          {\n            type: 'text', // 输入框类型\n            field: 'username', // 输入框绑定字段\n            placeholder: '请输入用户名', // 占位文字，错误提示使用该字段\n            async validate(value) { // 支持async异步函数\n              return !!value\n            }\n          },\n          {\n            type: 'password',\n            field: 'password',\n            placeholder: '请输入密码',\n            validate(value) {\n              return value \u0026\u0026 value.length \u003e= 6\n            }\n          },\n          {\n            type: 'text',\n            field: 'tel',\n            maxLength: 11,\n            placeholder: '请输入手机号',\n            validate(value) {\n              return value \u0026\u0026 value.length === 11\n            }\n          },\n          {\n            type: 'passcode', // 验证码定制类型\n            field: 'code', // 验证码绑定字段\n            wait: 60, // 重试等待时间，单位秒\n            maxLength: 4, // 验证码长度\n            binding: 'tel', // 关联验证手机号字段，重要！\n            disabled: false,\n            text: '获取验证码',\n            placeholder: '请输入验证码',\n            validate(value) {\n              return value \u0026\u0026 value.length === 4\n            },\n            submit({ tel }) { // 发送验证码逻辑\n              console.log('passcode submit', tel)\n            }\n          }\n        ]\n      }\n    }\n  },\n\n  methods: {\n    loginSubmit(data) {\n      console.log('Login:', data)\n    },\n\n    registerSubmit(data) {\n      console.log('Register:', data)\n    }\n  },\n\n  computed: {\n    isLogin() {\n      return this.$route.meta.status === 0\n    },\n\n    formRender() {\n      return this.isLogin ? this.loginRender : this.registerRender\n    },\n\n    formSubmit() {\n      return this.isLogin ? this.loginSubmit : this.registerSubmit\n    }\n  }\n}\n\u003c/script\u003e\n```\n\n### Preview\n\n![](register.png)  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgavinning%2Flogin-register-uikit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgavinning%2Flogin-register-uikit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgavinning%2Flogin-register-uikit/lists"}