组件通用样式

  少于1分钟  

1. 功能概述

组件通用风格是每个组件中都包含的一组基本风格。

属性	说明
控件大小	设置控件的大中小。以单行文本为例，调整控件大小会同时影响控件标题和输入框的大小。
标题设置	设置标题的字体、字体颜色、字体效果、背景色、行数上限，支持表达式。
内容设置	一般录入类控件会内容的样式设置。该设置在控件只读态时生效。
边距设置	设置控件的内外边距。一般布局类控件会有该设置。
容器内样式	当控件放在容器中时，可以设置在容器中的样式，比如容器分成了几列，可设置当前控件的宽度占容器的几列，且是否自动拉伸或缩小以适应容器。

2. 功能介绍

2.1 边距设置

可分别设置控件上下左右的内外边距。

外边距是指当前控件嵌套在一个容器中， 当前控件与底层容器的间距。

内边距是指当前控件中嵌套了其他控件， 当前控件与内部其他控件的间距。

行间距是指当前控件中嵌套了其他控件，其他控件行与行之间的间距。

举例如下：

当分组控件的内外边距、行间距都是0， 效果如下：

当给分组控件设置内外边距、行间距，效果如下：

2.2 容器内样式

前置条件： 当前控件放到了容器中，当前控件的才可配置容器中样式。

高度：指控件在容器中的高度。

自适应：指高度根据内容自适应。

固定值：指设定固定高度，当内容超过固定高度时，控件内将出现纵向滚动条。当父级容器小于控件高度时，父级容器出现纵向滚动条。

自动拉伸： 指父级容器主轴有剩余空间时，子控件可拉伸填满剩余空间，当子控件的内容超过剩余空间时，父级容器出现滚动条。

自动缩小：当父级容器主轴剩余空间不够时，子控件自动缩小，子控件可能出现滚动条。

注意：当配置了自动拉伸或自动缩小时， 高度配置将不生效。

在2.1的示例基础上，配置了自动拉伸和自动缩小，可以看到分组控件在垂直方向做了自动拉伸，占满了外层容器。

2.3 字体设置

设置的字体在控件正常、只读、禁用状态均生效。适用于政务等对字体格式有要求的场景。

①支持录入控件、文字标签字体设置，预制常用高频字体，可直接选择，自定义字体可直接输入

②运行时本地系统有安装字体则生效

③可按顺序依次设置多个字体，按照顺序依次生效

2.4 溢出交互设置

前提：当控件只读时，该设置才会生效。

说明：带输入框的控件，比如单行文本控件， 如果内容超过单行，可配置是否换行展示，或者单行展示并显示省略号，鼠标hover可显示全部内容。

效果展示：