var login = $login.create({
target: '#login-area',
//width: '500px',
title: '管理系统登录',
company: '微厦科技',
website: 'http://www.weishakeji.net',
tel: '400 6015615',
//user: 'admin',
//pw: '1'
});
属性:
下表中,“可监听”的属性,可以通过watch()增加监听方法,类似Vue;“双向绑定”的意思是属性更改后,直接影响窗体样式。
| 属性 | 说明 | 可监听 | 双向绑定 |
|---|---|---|---|
| target | 对象所在的html位置 | √ | |
| width | 宽度 | √ | √ |
| height | 高度 | √ | √ |
| title | 标题 | √ | √ |
| ico | iconfont图标 | √ | √ |
| icoimg | 图片标志,设置后覆盖ico | √ | √ |
| loading | 加载中,为true时显示加载效果 | √ | √ |
下表只列出了常用公共方法,更多方法请参看源码。
| 方法 | 说明 | 参数 |
|---|
事件支持多播,即同一个事件可以添加多个方法。事件返回值仅限bool型,虽然可以返回其它类型或不返回,但最终都会转为bool型返回值。
当同一个事件中的多个方法,任一个返回false,则不再继续执行后续事件方法。如果不返回,默认是true。
| 事件 | 说明 | 参数sender | 参数e |
|---|---|---|---|
| load | 当布局完成 | 同上 | e.event:事件名称 e.action:动作,默认与e.event同值 e.target:响应事件的html元素,此处为窗体的html e.data:数据源 |
| resize | 当宽高变动时 | e.width:当前宽高 e.height:当前高度 |
|
| dragfinish | 滑块拖动完成 | e.data,当前节点数据项 | |
| change | 输入变动 | e.action:账号user,密码pw,验证码vcode e.word:当前输入内容 e.value:当前值 e.target:当前输入框对象 |
|
| submit | 提交表单 | e.user:当前要提交的账号管 e.pw:密码 e.vcode:验证码 |