一个通用的登录表单,可以自定义表单中输入框、复选框、登录按钮的颜色,登录触发相应的事件
确保你已经安装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 serve
来开启一个本地服务器:
$ polymer serve
$ polymer build
编译会创建一个 build/ 目录,该目录下有 bundled/ 和 unbundled/ 两个子目录, 可以通过polymer serve 将对应的版本运行在本地服务器上
$ polymer serve build/bundled
$ polymer test
你的应用已经设置由web-component-tester 进行测试。运行polymer test
在本地上测试你的应用。
$ 修改了一点readme