基本元件-元件库-有人云

### 基本元件
![](/Public/attached/20221009040932_46127.png)
基本元件包括文本、矩形、圆形、直线、表格、时间、天气。
##### 文本
用来表达和展示所指定的内容，在页面画布上双击元件便可以直接输入文本。
在数据配置中支持配置该元件的标题、交互事件（按下、弹起、单击、双击），详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">数据配置</a>。
在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度，详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
##### 矩形
矩形元件可以用于满足各种场景拼装。例如拼装出展示图案，或作为数字或文字的背景等。
在页画布双击矩形元件可以直接输入文本。
在数据配置中支持配置该元件的标题、交互事件（按下、弹起、单击、双击），详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">数据配置</a>。
在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度，详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
##### 圆形
在页面画布上双击元件可以直接输入文本
在数据配置中支持配置该元件的标题、交互事件（按下、弹起、单击、双击），详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">数据配置</a>。
在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度，详情参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
##### 直线
直线元件仅支持样式配置，在样式配置中不支持设置改元件的位置和尺寸，支持设置直线的角度、线段类型、线段宽度、线段颜色、不透明度，针对直线元件特有配置见下面介绍，通用配置参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
鼠标悬浮到选中的直线元件时，会出现十字形的光标，可以拖到光标到任意方向，调整直线的形状。
线段类型：提供实线、虚线多种线段类型选择；
线段宽度：默认为1px，可以根据自己的需要配置；
线段颜色：设置直线的颜色，点击图标””，弹出拾色器，选择自己想要的颜色
##### 表格
表格元件仅支持样式配置，在样式配置中支持对元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度、行列的增减，下面会对单元格特有的行列设置进行介绍，通用配置参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
左边插入列：选中表格元件，点击鼠标右键选择”增加左边一列”或者在”外观”分类中点击图标””
右边插入列：选中表格元件，点击鼠标右键选择”增加右边一列”或者在”外观”分类中点击图标””
左侧删除列：选中表格元件，点击鼠标右键选择”删除左边一列”或者在”外观”分类中点击图标””
右侧删除列：选中表格元件，点击鼠标右键选择”删除右边一列”或者在”外观”分类中点击图标””
上方插入行：选中表格元件，点击鼠标右键选择”增加顶部一行”或者在”外观”分类中点击图标””
下方插入行：选中表格元件，点击鼠标右键选择”增加底部一行”或者在”外观”分类中点击图标””
顶部删除行：选中表格元件，点击鼠标右键选择”删除顶部一行”或者在”外观”分类中点击图标””
底部删除行：选中表格元件，点击鼠标右键选择”增加左边一列”或者在”外观”分类中点击图标””
注意：
双击表格元件后再单击单个单元格，可以针对每个单元格设置文本，文本的设置是针对整个表格内的所有内容生效。
##### 时间
时间元件仅支持样式配置，在样式配置中支持对元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、时间格式、背景颜色、边框颜色、不透明度，下面会对时间元件特有的”时间格式”进行介绍，通用配置参见<a href="http://cloud.usr.cn/document/230.html" target="_blank">样式配置</a>。
时间元件的格式有”yyyy-mm-dd hh-MM-ss”、”yyyy-mm-dd”、”hh-MM-ss”三种，以数字形式展示，”yyyy-mm-dd hh-MM-ss”代表年-月-日 时-分-秒，”yyyy-mm-dd”代表年-月-日，”hh-MM-ss代表时-分-秒。