捷码组件介绍—配置面板介绍

远眺捷码官方团队 2023-06-14 17:43:38

面板分为属性、事件、权限三部分，属性面板分为基础配置、样式、数据、自定义，以下是各组件通用配置介绍。
1、属性

a、基础配置：
组件ID：页面组件唯一ID，在script代码开发中，可以根据ID获取到组件。
组件名称：组件名称标识
显示名称：页面结构中组件显示名称
默认显示：显示或者隐藏组件
b、高级设置：

●布局
宽高：组件的宽度、高度，如：100px。
overflow-x：指定如果它溢出了元素的内容区是否剪辑左/右边缘内容，可选：
auto（如果溢出框，则应该提供滚动机制） | hidden（裁剪内容 - 不提供滚动机制） | inherit（继承） | overlay | revert | scroll（裁剪内容 - 提供滚动机制）。
overflow-y：指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容，可选：
auto（如果溢出框，则应该提供滚动机制） | hidden（裁剪内容 - 不提供滚动机制） | inherit（继承） | overlay | revert | scroll（裁剪内容 - 提供滚动机制）。
布局方式：相对布局（position: relative;）、绝对布局（position: absolute;）、绝对窗口（position: fixed;）。
堆叠顺序：拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
绝对位置：相对于父级元素的位置，可选 top | right | left | bottom。
●边距
内边距：设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素如（div、span、p、h1-h6）上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠，即不会撑开父元素，元素的背景会延伸穿过内边距。注：不允许指定负边距值。
内边距作用域：宽高只作用于内容、宽高包括边框和内边距。
外边距：设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
●边框
颜色：边框颜色。
宽度：边框宽度（px）。
类型：设置元素所有边框的样式：
hidden（与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突） | solid（实线）| dotted（点状边框。在大多数浏览器中呈现为实线）| dashed（虚线。在大多数浏览器中呈现为实线）| double（双线。双线的宽度等于边框宽度的值）| groove（ 3D 凹槽边框。其效果取决于边框颜色的值）| ridge（ 3D 垄状边框。其效果取决于边框颜色的值）| inset（3D inset 边框。其效果取决于边框颜色的值）| outset（3D outset 边框。其效果取决于边框颜色的值）
圆角：边框圆角大小（px）。
●背景
颜色：背景颜色。
图片：背景图片。
重复：重复、水平方向重复、垂直方向重复、不重复。
起始位置：左上、上、右上、左中、居中、右中、下左、下、下右。
大小：完全覆盖、自适应、拉伸以充满容器。
●字体
颜色：文字颜色。
大小：字号。
水平对齐：左对齐、居中、右对齐。
字体：字体。
字重：设置文本的粗细，默认normal。
装饰：下划线、上划线、闪烁、贯穿线。
c、表单验证
数据输入组件可以进行表单验证配置，表单（form）组件在执行提交（do_submit）函数时会对表单内部组件进行数据验证，分别提供表单验证成功、表单验证失败的回调函数。
注：需要做数据验证的组件，需要放到表单（form）组件内部，外部调用执行表单提交（do_submit）时，会自动对组件进行数据验证。