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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局样式面板中可以看到，等效于直接编辑样式： .test:hover{

查看更多 →

时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色：单击颜色编辑器设置组件的背景色。 圆角：单击设置组件的圆角度。值越大，圆角度越明显。最小值为0%，最大值为50%。

查看更多 →

日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

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

查看更多 →

离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 日期选择器配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。

查看更多 →

比，比例越大透明程度越低。 图1 尺寸位置 全局样式 背景颜色：日期选择器的背景颜色，用户自定义。 边框颜色：日期选择器的边框颜色，用户自定义。 样式：边框的呈现类型，包含实线、虚线、电划线。 宽度：边框的宽度设置。 圆角：边框的圆角设置。 字号：设置进度条的字体大小。 颜色：设置进度条字体颜色。

查看更多 →

时间选择器 时间选择器是文本组件的一种，用于选择时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。

查看更多 →

日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用组件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

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

查看更多 →

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

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的 CSS 样式。 AstroCanvas的组件未进行打包编译， CS S样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

此接口能设置大屏侧（投屏后）鼠标的样式，可选择激光笔样式，箭头样式，和不显示。 接口定义 - (int) setMouseShape:(IDEA_SHARE_MOUSE_SHAPE)mouseShape; 父主题： 连接设备

查看更多 →

如何自定义主题样式 AstroZero预置了很多默认样式，您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时，可以自定义修改标准页面的样式。设置完并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置为准。 例如，在标准页面中添加一个“表单”组件，并绑定数据

查看更多 →

"value": 14 } 下拉选择器 表3 下拉选择器参数说明 字段名 是否必选 参数类型 描述 value 是 string 下拉选择器选中的值。值对应options中的value。 options 是 Array<Object> 下拉选择器中包含的所有可选值。 data示例如下：

查看更多 →

设置分段标题组件 标题：设置为“教育经历”。 样式：分段标题组件的样式，可按需进行选择。 在组件库中，拖拽“子表单”组件到分段标题下方。 选中子表单组件，修改标题为“教育经历”。 在字段中，单击“添加字段”，添加2个单行文本输入、1个日期范围选择器和1个下拉选择框。 图22 教育经历子表包含字段及对应组件

查看更多 →