多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# import >[success] import hy\_ui.hy\_form.hy\_input # extends >[success] import hy\_ui.hy\_span.hy\_label; # 构造函数 ``` hy_input(Placeholder:String="请输入",Color:String="default",Size:String="de",Icon:String="",startInit:Boolean=true) ``` ``` pirvate var input:hy_input=new hy_input("请输入"); this.addChild(input); ``` # 舞台命名 >[danger] name【变量名】$verify【验证】$placeholder【占位符】$disabled【禁用】 ``` title$required_phone$请输入标题$true ``` # 属性 ## baseType 基本类型 >[info] String \[ get \] `input` ## isField 是否表单元素 >[info] Boolean \[ get \] `true` > 提交表单的时候一般先判断 ## color 颜色样式 >[info] String | Object \[ set \] `default` | 默认 | 主要 | 成功 | 信息 | 警告 | 危险 | 灰色 | 蓝色 | 黑色 | 错误 | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | default | primary | success | info | warning | danger | gray | blue | black | error | ``` input.color="success" ``` ## size 大小样式 >[info] String | Object \[ set \] `de` | | 迷你 | 小 | 默认 | 大 | 超大 | | :---: | :---: | :---: | :---: | :---: | :---: | | 属性 | xs | sm | de | lg | slg | | 字体 | 12 | 12 | 14 | 18 | 30 | | 高度 | 20 | 28 | 36 | 42 | 54 | ``` input.size="sm" ``` ## width 宽度 >[info] Number \[ get | set \] `36*4` > 如果不设置,通过size 自动变化 ``` input.width=300 ``` ## height 高度 >[info] Number \[ get | set \] `36` > 如果不设置,通过size 自动变化 ``` input.height=100 ``` ## disabled 禁用 >[info] Boolean \[ get | set \] `false` ``` input.disabled=true//禁用 ``` ## align 中心对齐方式 >[info] String \[ get | set \] `top_left` | 上下 | 左右 | | :---: | :---: | | top , center , bottom | left , center , right | ``` input.align="top_center" ``` ## text 文字 >[info] String \[ get | set \] `""` ``` input.text="标题内容" ``` ## value 文字 >[info] String \[ get | set \] `""` > 和text一样 ## embedFonts 字体嵌套 >[info] Boolean \[ set \] `false` ``` input.embedFonts=true ``` ## error 错误提示 >[info] Boolean \[ set \] `false` > 提交表单时候,如果有错误, 边框颜色变红 ``` input.error=true ``` ## readOnly 只读 >[info] Boolean \[ get | set \] `false` ``` input.readOnly=true ``` ## placeholder 占位符 >[info] String \[ public \] `请输入` ``` input.placeholder="请输入电话" ``` ## verify 验证 >[info] String \[ public \] \`\` | 必填 | 电话 | 邮件 | 链接 | 日期 | 身份证 | 密码 | 数字 | 正整数 | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | required | phone | email | url | date | identity | password | hyInt0 | hyInt| ``` input.verify="required|phone"//必填|电话 ``` ## icon 图标 >[info] String \[ set \] `""` ``` input.icon="search" ``` ## showBorder 显示边框 >[info] Boolean \[ set \] `true` ``` input.showBorder=false ``` # 监听 ## submit >[info] 监听回车 ``` input.on("submit",function(value,oThis)) ```