勾选(Checkbox)组件
 (2) (1).png)
1、标签
字段 | 描述 |
---|---|
文本 | 设置勾选组件内的文本 |
位置 | 设置复选框的文本位置是在组件的左侧或右侧 |
对齐 | 设置复选框与组件左侧对齐或右侧对齐 |
 (1).png)
2、校验
字段 | 描述 |
---|---|
必填 | 设置勾选组件的勾选框是否为必选项。当勾选组件位于表单组件内时,该表单的提交按钮将自动禁用,直到勾选框被选中。 |
 (1).png)
3、基本属性
字段 | 描述 |
---|---|
默认选中 | 设置勾选框在默认情况下是开始选中还是未选中 |
是否显示 | 控制组件在页面上的可见性。关闭时:当应用程序发布时,组件将不可见。在编辑模式下它看起来是半透明的 |
禁用 | 使该组件不可点击或不可用。该组件对用户保持可见,但不允许用户交互。 |
加载时显示动画 | 关闭时,该组件加载时不会有任何动画。您可以使用拨动开关将其打开/关闭。您还可以通过启用旁边的 JS 标签使用 javascript 将其关闭/打开。 |
 (1) (1) (1) (1).png)
4、事件
5、样式
字段 | 描述 |
---|---|
字体颜色 | 设置勾选组件内文本的颜色 |
字体大小 | 设置勾选组件内文本的字体大小 |
强调 | 可以设置勾选组件内文本是加粗还是倾斜 |
强调色 | 设置勾选组件内勾选框被选中时的颜色 |
边框圆角 | 对勾选组件边框样式进行修改 |
 (2) (1).png)
6、JS代码
 (1).png)