隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。

查看更多 →

气泡图”图形按钮，可将气泡图添加到大屏中。 图2 选择组件 单击画布中的组件，在右侧选择“样式”页签，显示和配置组件的样式。 本示例使用默认的样式，如需了解更多样式配置，请参见设置组件样式。 图3 配置组件样式 在右侧选择“数据”页签，配置组件的数据。 本示例使用静态数据，如需了解更多数据配置，请参见设置组件数据。

查看更多 →

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

查看更多 →

水平正负柱图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-水平正负柱图

查看更多 →

尺寸位置 边框（样式） 填充 样式：边框支持丰富多种的样式设置。 自定义边框： 图片添加方式：图片可通过url或本地上传的形式添加。 边框宽度：可以通过上方、右侧、下方、左侧来调整图片展示样式，取值范围0~500之间。 边框偏移：可以通过上方、右侧、下方、左侧来调整图片展示样式，取值范围0~500之间。

查看更多 →

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

查看更多 →

默认展开全部：默认展开所有面板内容。 字体：设置字体样式。 背景：设置折叠面板背景色。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一

查看更多 →

标签/标签文字样式/文本颜色：在波浪上方文本的颜色。 标签/标签文字样式/波浪上时文本颜色：在波浪下文本的颜色。 标签/标签文字样式/字体大小：标签的字体大小。 标签/标签文字样式/字体粗细：标签的字体粗细。 标签/标签文字样式/字体系列：标签的字体系列。 轮廓样式/是否展现：是否展现外部轮廓样式。

查看更多 →

页签组件不支持嵌套到页签中。 图2 设计页签布局 基础配置 样式：设置页签组件的样式。 图3 设置页签样式 页签选项：页签组件中，各Tab页面设置。支持设置页签标题，并拖入组件到对应的页签中，选中组件可配置对应页签下的组件属性。 图4 设置页签 样式配置 内间距：设置容器内组件与容器四边的间距，

查看更多 →

时间器 本章节主要介绍时间器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间器 图标样式 字号：设置组件时间图标的字号大小。 颜色：设置组件时间图标的颜色。 右边距：输入数值或拖动，调整组件时间图标的右边距。

查看更多 →

藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 高级设置 > 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 事件 在事件中，显示了组件

查看更多 →

边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。

查看更多 →

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

查看更多 →

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

查看更多 →

只读：值是否只读。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

在添加产品时，能否把价格的内容去掉？ 可以，在添加产品后，单击“样式设置”，将市场价和价格内容去掉勾选即可。 图2 样式设置 产品销售价格如何不显示？ 在站点编辑界面的产品插件中选择“产品详情”，在“样式设置”中去勾选相关价格。 产品详情页选中了样式，也勾选了“购物车”为什么不显示购物车？ 在“管

查看更多 →

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

查看更多 →

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

查看更多 →

隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

分比，比例越大透明程度越低。 图1 尺寸位置 图标样式 字号：设置组件时间图标的字号大小。 颜色：设置组件时间图标的颜色。 右边距：输入数值调整组件时间图标的右边距。 时间器 字体：设置组件中文本的字体样式。 字号：设置组件中文本的字号大小。 颜色：单击颜色编辑器设置组件中文本的颜色。

查看更多 →