分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后，页面上的分割线将不再显示。

查看更多 →

x。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。 事件 在事件中，显示了组件暴露

查看更多 →

本章节主要介绍地球组件各配置项的含义。 图1 地球 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 添加子组件 地球的子组件包括地球飞线、地球热力点。 地球飞线 以动态飞线的形式连接地球中的两个地理位置，飞线的样式、位置的经纬值参考以下步骤进行配置。

查看更多 →

图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵

查看更多 →

图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵

查看更多 →

x。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露

查看更多 →

在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。

查看更多 →

设置组件事件交互 本章节以Tab列表和线状图配合使用为例，介绍组件的交互配置。在 DLV 中组件交互配置是指某个组件在响应用户操作或者自动触发更新时，向其他组件传递参数，这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能，否则不支持交互功能。

查看更多 →

在表单开发页面，从“基础组件”中拖拽“分栏”组件至表单设计区域，并在设计好“分栏”属性后，拖拽其他组件（如输入框、下拉框等）至每一个分栏中，如图1。 图1 分栏 属性 pc布局 系统默认提供了一些常见的行布局，如单栏、两栏、三栏等。单击“pc布局”中的某一个模式，例如单击，当前分栏将被分割成三栏，如图2。

查看更多 →

按下shift+$键，引用4定义好的交互变量${name}。 图8 引用交互变量 预览和发布大屏 在大屏开发页面右上方，单击预览按钮，预览大屏。 图9 预览大屏数据 在地理搜索中，重新设定地理位置，柱状图则只显示对应位置的数据。 图10 预览过滤数据 交互功能验证无误后，单击大屏开发页面右上方的发布按钮，配置发布参数，将大屏发布和分享给其他用户。

查看更多 →

容器组件是一种有位置布局能力的组件。拖动其他组件到容器内，对组件的布局进行设置。 在表单开发页面，从“基础组件”中拖拽“容器”组件至表单设计区域，并在设计好“容器”属性后，拖拽其他组件（如输入框、下拉框等）至“容器”中。如图1。 图1 容器 属性 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

查看更多 →

模型实例化必须为数组，详情请参见绑定数据模型、增加查询条件、工具栏。 图3 绑定数据模型 向列表视图中拖入栅格容器，将栅格容器设置为6行2列，再向前5行中拖入标签组件，并设置标签属性。 属性值绑定。 选择第一行、第二列中的标签，单击右侧“属性值绑定”的“+”，新增属性值绑定。 其中，“属性”设置为“文本内容”，再单击

查看更多 →

本章节主要介绍装饰组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 装饰 样式 缩放模式：单击下拉选项，设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式：设置装饰的样式，系统已预置多种样式供用户选择。

查看更多 →

属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。

查看更多 →

示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo

查看更多 →

”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

查看更多 →

单击“创建自定义菜单”，编辑菜单。输入菜单名称，选择样式，如所示。 图4 选择样式 单击“”，菜单内容中显示该样式的HTML代码，可以在此基础上进行编写代码，如图5所示。 图5 编辑代码 也可以不选择样式，选择自定义样式，编辑HTML内容，如图6所示。 图6 自定义代码 其余菜单样式、链接、属性等设置方法跟

查看更多 →

时间器 本章节主要介绍时间器各配置项的含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →

于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。 右边距：选择框相对于组件右边框的距离。 上边距：选择框相对于组件上边框的距离。 全选：是否显示全选框。 数据 在数据中，设置复选框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置复选框组件与其他组件或页面

查看更多 →

代码。当输入框在表单组件中，该设置才会生效。 校验错误信息：当“自定义校验”中，JS代码返回值类型为布尔类型时，会取该参数的值为错误提示信息。当“自定义校验”中JS代码返回值类型为对象类型时，直接取返回值中的message值为错误提示信息。 事件：在事件中，显示了组件暴露出来的一

查看更多 →

并不会自动把产品文章数据翻译。 产品列表中，如何调整显示产品显示顺序？ 在管理后台的“产品>产品管理”中，修改排序数值，数值越大，排序越靠前。 图7 修改排序数值 在站点编辑的“产品分类”中，单击“样式设置”。在弹出的“样式设置”对话框中，选择“参数设置>列表数目”，设置“列表排

查看更多 →