表单样式布局组件介绍 分段标题 图文展示 文本 分割线 备注 页签 父主题： 表单管理

查看更多 →

样式 管理员可自定义知识在手机端的显示样式。 “推荐+订阅”：移动端可以查看推荐和订阅两大版本内容，优先展示“推荐”内容。 “订阅+推荐”：移动端可以查看推荐和订阅两大版本内容，优先展示“订阅”内容。 “仅推荐”：在移动端仅可查看推荐版块内容，无法查看订阅板块内容。 “仅订阅”：

查看更多 →

效果：设置组件的透明度、轮廓样式及光标样式。 图8 设置显示效果 样式设置完成后，设计器会自动完成以下动作。 如果当前样式在选择器中没有选中任何一个类名或者ID，会自动生成随机类名。 将在样式面板设置完成的样式写入类名规则中。 图9 样式写入到类名样式 将样式选择器自动生成或者选中的类名绑定到当前组件属性中。

查看更多 →

样式约定 样式约定 Terraform约定了一些惯用的风格样式，以确保不同团队编写的文件和模块的风格一致性。建议用户遵循这些约定，推荐的样式约定如下： 对于每个嵌套级别，缩进两个空格。 当多个单行的参数在同一嵌套级别连续出现时，建议将等号对齐。 name =

查看更多 →

样式约定 样式约定 HCL约定了一些惯用的风格样式，以确保不同团队编写的文件和模块的风格一致性。建议用户遵循这些约定，推荐的样式约定如下： 对于每个嵌套级别，缩进两个空格。 当多个单行的参数在同一嵌套级别连续出现时，建议将等号对齐。 name = "myinstance"

查看更多 →

样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理

查看更多 →

行更新配置。 查看布局 在需要查看的布局上，单击“更多 > 详情”，可以查看该布局详情。 下载布局 在需要下载的布局上，单击“更多 > 下载”，可以下载该布局至本地。 删除布局 在需要删除的布局上，单击“更多 > 删除”，可以删除该布局。 说明： 删除后的布局会放入回收站，回收站会保存近60天的删除数据。

查看更多 →

布局容器 布局容器的主要作用是控制其内部元素的排列和布局，确保界面的整洁有序和响应式设计。 在左侧组件区域，选择“布局容器”组件，并拖拽至设计区域，如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中，根据需求布局，选中组件可配置对应组件属性。 图2 设计布局

查看更多 →

设置鼠标样式 接口描述 该接口用于设置投屏后在大屏侧显示的鼠标样式。 注意事项 / 接口定义 /* 设置鼠标样式 */ int SetMouseShape(ShareMouseShape mouseShape); 参数描述 参数 是否必须 类型 描述 mouseShape 是

查看更多 →

修改按钮样式 用谷歌浏览器打开模板页面，键盘按F12打开调试页面，鼠标点击下图中的1指示的位置，然后点击2指示的地方，找到3所在id "sendBtn",复制到模板代码中全局搜索，找到页面元素和样式代码，修改按钮样式代码。 图1 页面元素代码 图2 按钮样式代码 父主题： 定制实例

查看更多 →

进入目标工作空间管理页面 在左侧导航栏选择“安全编排 > 页面布局”，默认进入页面布局管理页面。 图2 进入布局管理页面 在布局管理页面，查看已有布局。 将鼠标悬停在目标布局上，并单击布局右上角，可以进入布局配置详情页面进行查看。 父主题： 页面布局管理

查看更多 →

页面布局管理 查看已有布局模板 查看已有布局 父主题： 安全编排

查看更多 →

场景12：鼠标样式更改 描述 投屏成功后，调用更改鼠标样式接口 业务流程 调用更改鼠标样式接口 示例代码 // 去初始化SDK [mShareServiceController setMouseShape:0]; 父主题： 典型场景

查看更多 →

图2 流式布局中组件为块级元素 流式布局中，组件由上至下依次排布，可以通过“水平对齐方式”对容器内组件进行水平位置调整，如图3、图4所示。 图3 居中水平对齐 图4 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后，布局由流式布局切换到弹性布局，弹性布局的相关配

查看更多 →

布局”，单击“添加”。 图1 新建绝对布局类型高级页面 开发绝对布局类型的高级页面。 以开发如下所示高级页面为例，向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示，示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方，单击，设置背景图片。

查看更多 →

Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于 域名 分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。

查看更多 →

布局属性 操作场景 本文指导您在应用运行态布局属性。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，选择“数据模型管理 > 分类”，进入“分类”页面。 单击需要操作的节点。 在展开的页面，选择“属性布局”页签，并根据实际业务需求，对属性进行布局。 图1 属性布局 表1 属性布局

查看更多 →

直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr

查看更多 →

自定义布局 客户可以根据自身实际需要开启/关闭开关，控制对应卡片的显示/隐藏，也可调整卡片的展示顺序，实现对概览页面的自定义布局。 操作步骤 选择“账单管理 > 账单概览”，单击页面右上角的“自定义布局”。 进入“自定义布局”页面。 根据需要设置打开或关闭卡片开关，调整卡片在账单概览页面的展示顺序，单击“确定”。

查看更多 →

率来查看不同的效果。 图4 自定义行布局 布局模式：设置PC或Phone屏幕，每一个分栏的栏布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。

查看更多 →

布局模式：设置PC屏幕，每一个分栏的栏布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 高级 样式 样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。

查看更多 →