小程序表单组件 -1

button

按钮

属性说明

• size    按钮的大小

size 可选值

•   default 默认大小

•   mini  小尺寸

• type    按钮的样式类型 

type 可选值

•   primary 绿色

•   default 白色

•   warn  红色

• plain   按钮是否镂空，背景色透明

• disabled  是否禁用

• loading   名称前是否带 loading 图标 

• form-type 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件

form-type 可选值

•   submit  提交表单

•   reset 重置表单

• hover-class   指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果  

• hover-stop-propagation    指定是否阻止本节点的祖先节点出现点击态

• hover-start-time    按住后多久出现点击态，单位毫秒

• hover-stay-time   手指松开后点击态保留时间，单位毫秒 

• lang    指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。

checkbox

多选项目

• value   checkbox 标识，选中时触发 checkbox-group 的 change 事件，并携带 checkbox 的 value  

• disabled  boolean false 否 是否禁用  

• checked   当前是否选中，可用来设置默认选中  

• color   checkbox 的颜色，同 css 的 color  

checkbox-group

多项选择器，内部由多个 checkbox 组成。

• bindchange    checkbox-group 中选中项发生改变时触发 change 事件，detail = {value:[选中的 checkbox 的 value 的数组]}

editor

富文本编辑器，可以对图片、文字进行编辑。

编辑器导出内容支持带标签的 html和纯文本的 text，编辑器内部采用 delta 格式进行存储。

通过setContents接口设置内容时，解析插入的 html 可能会由于一些非法标签导致解析错误，建议开发者在小程序内使用时通过 delta 进行插入。

富文本组件内部引入了一些基本的样式使得内容可以正确的展示，开发时可以进行覆盖。需要注意的是，在其它组件或环境中使用富文本组件导出的 html 时，需要额外引入 这段样式，并维护<ql-container><ql-editor></ql-editor></ql-container>的结构。

图片控件仅初始化时设置有效。

•  read-only   设置编辑器为只读

• placeholder   提示信息  

• show-img-size 点击图片时显示图片大小控件

• show-img-toolbar    点击图片时显示工具栏控件

• show-img-resize   点击图片时显示修改尺寸控件 

• bindready 编辑器初始化完成时触发

• bindfocus   编辑器聚焦时触发，event.detail = {html, text, delta} 

• bindblur    编辑器失去焦点时触发，detail = {html, text, delta} 

• bindinput   编辑器内容改变时触发，detail = {html, text, delta} 

• bindstatuschange  通过 Context 方法改变编辑器内样式时触发，返回选区已设置的样式