Skip to content

fannong/rc-login-form

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<rc-login-form>Build Status

一个通用的登录表单,可以自定义表单中输入框、复选框、登录按钮的颜色,登录触发相应的事件

安装

确保你已经安装npm及bower,然后使用bower来安装:

$ bower install butterandfly/rc-login-form

使用

基本用法:

<rc-login-form></rc-login-form>

placeholder-data属性用来设置预填的form数据:

<rc-login-form placeholder-data='{"username": "Admin", "password": "hihihi", "isRememberPassword": true}'></rc-login-form>

样式

Custom property Description Default
--rc-login-form-color 统一设置 输入框获得/失去焦点时标签和下划线、复选框被选择时的颜色 --primary-color
--rc-login-form-button 设置登录按钮的背景色和文字颜色 {}

事件

点击登录表单输入合法会触发rc-login-form-validated-submit事件,并将表单数据submitData提交

不合法则触发rc-login-form-invalidated-submit事件

开发

安装Polymer-CLI

确保你已经安装Polymer-CLI,然后使用polymer serve来开启一个本地服务器:

查看你的应用

$ polymer serve

编译你的应用

$ polymer build

编译会创建一个 build/ 目录,该目录下有 bundled/ 和 unbundled/ 两个子目录, 可以通过polymer serve 将对应的版本运行在本地服务器上

$ polymer serve build/bundled

运行测试

$ polymer test

你的应用已经设置由web-component-tester 进行测试。运行polymer test在本地上测试你的应用。 $ 修改了一点readme

About

A universal login form.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%