自定义页面组件介绍-华为云

ASTRO工作流 ASTROFLOW-按钮:基础配置

基础配置文本：输出按钮显示的内容。输入内容不得超过32个字符。文本大小：设置按钮文本大小，默认为14px，取值范围为[8，100]。文本颜色：默认为黑色，可自定义修改。按钮形态：设置按钮形态，支持“实心”、“轮廓线”、“文本”和“图标按钮”四种形态。当“按钮形态”选择“实心”、“轮廓线”或“文本”时，需设置按钮主题。flow提供了“主要按钮”、“次要按钮”和“警示按钮”三种常见的按钮类型，每种按钮都有其特定的用途和视觉特征，您可按需选择。主要按钮：表示界面中最主要或最重要的操作，如提交表单、确认购买等。通常具有醒目的颜色，以便在页面上突出显示。次要按钮：用于表示次要或辅助的操作，如取消操作、返回上一步等。警示按钮：用于表示操作可能带来风险。通常采用红色或其他警示颜色，以引起警觉。当“按钮形态”选择“图标按钮”时，需设置以下参数。图标大小：设置图标显示大小，可选择小、中和大三种规格。图标样式：设置图标显示的样式，纯色或图片。背景：当“图标样式”选择“纯色”时配置，选择图标的背景颜色。上传自定义图片：当“图标样式”选择“图片”时配置，上传图标背景图片。上传的图片支持jpg、jpeg、png、gif格式，图片大小单张在5MB以内。文本位置：设置按钮文本的位置，可设置在图标右侧或图标下发。按钮操作：设置单击触发的动作，默认为“打开已发布表单”，可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。打开方式：根据应用场景选择打开方式，支持“当前页面打开”、“新页面打开”和“弹框打开”三种方式。选择页面：下拉框中选择已发布表单，当“按钮操作”选择“打开已发布表单”、“打开已发布数据管理页”或“打开已发布自定义页面”时可配置。请选择应用内已发布页面作为打开页面，页面停止发布将影响按钮事件当“按钮操作”选择““打开外部链接”时，输入以http(s)开头链接地址。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-按钮:样式配置

样式配置内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。边框：位置：设置边框的位置，支持配置上、下、左、右和四周。宽度：设置边框的宽度。默认值为0px，范围为0~50px。样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。颜色：设置边框显示的颜色。圆角：给元素添加圆角效果，设置圆角的大小和位置。默认值为0px，范围为0~500px。背景：设置组件样式的背景颜色。阴影： X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。 Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。颜色：设置阴影的颜色。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-漏斗图:基础配置

基础配置标题：该模块在页面呈现给用户的名称。帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。描述信息：为字段添加附加的说明信息。图例：指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。设置图例位置：可选择“上方”、“右侧”、“下方”和“左侧”。图2 设置图例位置为下方数据标签：用于描述数据的元数据。开启后将在漏斗图上显示。图3 关闭数据标签图4 设置漏斗图显示数据标签标签内容：设置标签展示内容。图5 标签内容为分析维度图6 标签内容为分析维度百分比图7 标签内容为分析维度值图8 标签内容为分析维度值百分比

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-漏斗图:样式配置

样式配置内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。边框：位置：设置边框的位置，支持配置上、下、左、右和四周。宽度：设置边框的宽度。默认值为0px，范围为0~50px。样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。颜色：设置边框显示的颜色。圆角：给元素添加圆角效果，设置圆角的大小和位置。默认值为0px，范围为0~500px。背景：设置组件样式的背景颜色。阴影： X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。 Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。颜色：设置阴影的颜色。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-漏斗图:数据配置

数据配置数据配置完成后，需单击“更新数据”，进行数据刷新。刷新数据间隔时间至少为5秒，请勿频繁单击。数据源：下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示，创建表单详情请参见如何创建一个表单。分析维度：选择表单中数据分析的维度，例如商品类型。可自定义排序方式及重命名。图9 设置漏斗图分析维度数据汇总指标：指每个类别的数据值，通常表示为一个百分比或一个具体的数值。单击“添加指标”可添加多个数据汇总指标，最多可添加三个指标。选择字段：选择数据分析指标字段，例如已售出数量。当分析维度选择字段为子表单字段时，数据汇总指标字段也只能从子表单中选择。字段重命名：可对数据汇总指标进行重命名。汇总方式：数据分析的汇总方式，支持求和、平均值、最大值、最小值、计数及去重计数。非数字类型组件，例如，单行文本输入，多行文本输入，单选、复选框、日期选择器、备注等，仅支持计数和去重计数的汇总方式。数学类组件，例如，数字输入框，支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。排序方式：根据需求自定义排序方式，可选择默认、升序或降序。默认按照数据源导入的时间排序，可自定义设置升序或降序显示。图10 设置漏斗图数据汇总指标数据筛选：设置过滤条件，筛选数据源符合条件数据信息。图11 设置漏斗图数据筛选条件

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-布局容器:样式配置

样式配置内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为4px，范围为0~100px。外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。边框：位置：设置边框的位置，支持配置上、下、左、右和四周。宽度：设置边框的宽度。默认值为0px，范围为0~50px。样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。颜色：设置边框显示的颜色。圆角：给元素添加圆角效果，设置圆角的大小和位置。默认值为0px，范围为0~500px。背景类型：设置组件样式的背景。 “背景类型”选择“颜色”时，选择背景展示的颜色。 “背景类型”选择“图片”时，上传图片作为背景，并设置图片的填充方式。背景图片支持jpg、jpeg、png、gif格式，单张5MB以内。图3 设置背景阴影： X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。 Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。颜色：设置阴影的颜色。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

ASTRO工作流 ASTROFLOW-布局容器:基础配置

基础配置链接块操作：单击链接块时触发的操作，默认为“打开已发布表单”，可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。打开方式：提供了“当前页面打开”、“新页面打开”和“弹窗打开”三种方式，您可根据需求选择。按钮操作：设置单击触发的动作，默认为“打开已发布表单”，可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。选择页面：下拉框中选择已发布表单，当“按钮操作”选择“打开已发布表单”、“打开已发布数据管理页”或“打开已发布自定义页面”时可配置。请选择应用内已发布页面作为打开页面，页面停止发布将影响按钮事件当“按钮操作”选择““打开外部链接”时，输入以http(s)开头链接地址。单元格高度：设置容器的单元格高度，以容纳其中最高的内容同时考虑到行间距原则，保持整体的平衡。默认高度为20px。

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

云服务器内容精选

自定义页面组件介绍

7*24

备案

专业服务

退订

建议反馈

售前咨询热线