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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

文本颜色：默认为黑色，可自定义修改。 按钮形态：设置按钮形态，支持“实心”、“轮廓线”、“文本”和“图标按钮”四种形态。 当“按钮形态”选择“实心”、“轮廓线”或“文本”时，需设置按钮主题。flow提供了“主要按钮”、“次要按钮”和“警示按钮”三种常见的按钮类型，每种按钮都有其特定的用途和视觉特征，您可按需选择。

查看更多 →

阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。 事件

查看更多 →

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

查看更多 →

按钮 按钮组件用于提交表单或者单击触发事件，例如提交审批结果、单击按钮触发另一个事件等场景。 在表单开发页面，从“基础组件”中，拖拽“按钮”组件至表单设计区域，如图1。 按钮属性配置完成后，需要在“按钮触发”页签定义该按钮的实现方法，即设置按钮触发的事件以及映射参数。 图1 按钮

查看更多 →

移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。

查看更多 →

移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定

查看更多 →

按钮组件 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。

查看更多 →

建页面。 从左侧组件库中，拖拽按钮组件到中间设计区域，在右侧属性面板设置按钮属性。 单击“规则配置”，在左侧栏选择“触发方式 > 按钮触发”。 选择触发按钮和设置需要执行的动作。如图1。 按钮触发：选择当前表单中需要触发的按钮。 设置动作：选择按钮需要触发的动作，包含“更新当前事件”、“触发后续事件”。

查看更多 →

图6 配置表单元数据 选中表单按钮，单击“完成”。 图7 配置表单功能 设置“表单”组件样式“字体”为“16px”，下外边距为“20px”。 图8 设置“表单”组件样式 当前页面未使用“分栏”组件，因此删除表单组件中所有的“分栏”组件，只保留包含按钮组件的“容器”组件。 图9 容器组件

查看更多 →

引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验错误信息：当“自定义校验”中，JS代码返回值

查看更多 →

右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。

查看更多 →

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

查看更多 →

引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验错误信息：当“自定义校验”中，JS代码返回值

查看更多 →

在“Network”页签查看网络请求信息 单击上传按钮上传文件，由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。 按“F8”可跳转下一个断点，按“F10”可跳转下一行，根据相关数据判断页面逻辑是否正确执行。 图6 调试js代码 调试DOM及样式

查看更多 →

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

查看更多 →