ASTRO大屏应用 ASTROCANVAS-排行榜:配置

时间:2024-11-06 10:52:56

配置

在配置中,设置组件的全局样式、表头、行和序列号。

图4 配置
  • 全局样式
    • 排行榜行数:设置排行榜的行数。
    • 背景色:设置排行榜背景的颜色。
    • 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。
  • 表头设置
    • 显示表头:是否显示表头。
    • 表头行高占比(%):设置表头的行高占比。
    • 背景色:设置表头的背景颜色。
    • 对齐方式:设置表头的对齐方式,如水平居中、居左和居右。
    • 表头字体:设置表头的字体、颜色和大小等。
  • 行配置
    • 换行显示:是否开启换行显示。
    • 行背景色:设置行的背景颜色,支持设置奇数、偶数行背景颜色和自定义行背景颜色。

      行背景色设置为“自定义”时,背景色序列号配置规则如下:

      • 单行生效:直接配置对应序号。
      • 非连续性多行生效:使用中文逗号“,”或英文逗号“,”,分隔对应序号。
      • 连续多行生效:使用横线“-”,连接首尾序号。
  • 序列号
    • 显示序列号:是否显示序列号。
    • 宽度占比(%):设置序列号的宽度占比。
    • 序列号样式:设置序列号的样式。
    • 对齐方式:设置序列号的对齐方式。
    • 字体:设置序列号的字体、颜色和大小等。
    • 背景样式:设置序列号的背景样式,如颜色、图片。设置为“颜色”时,可选择背景样式,如圆形、椭圆和矩形。
    • 背景色:自定义背景的颜色。“背景样式”设置为“颜色”时,才会显示该参数。
    • 填充方式:设置背景图片的填充方式,如拉伸、居中等。“背景样式”设置为“图片”时,才会显示该参数。
    • 图片:推荐使用JPG、JPEG、PNG和GIF格式的图片,且图片大小不超过500MB。“背景样式”设置为“图片”时,才会显示该参数。
    • 背景宽度(%):设置序列号背景的宽度占比。
    • 背景高度(%):设置序列号背景的高度占比。
    • 特殊序列号:是否显示特殊序列号。设置为“显示”时,支持设置特殊序列号的字体、特殊样式和背景色。
      • 字体:设置特殊序列号的字体、颜色和大小等。
      • 特殊样式:设置特殊序列号的样式,支持设置为颜色或图片。
      • 填充方式:设置图片的填充方式,如拉伸、居中、普通和平铺。“特殊样式”设置为“图片”时,才显示该参数。
      • 图片:设置特殊样式的背景图片,支持从本地或连接器中选择图片。推荐使用JPG、JPEG、PNG和GIF格式的图片,每张图片的大小不能超过50MB。“特殊样式”设置为“图片”时,才显示该参数。
      • 圆角:设置矩形的边框圆角,设置为0时为直角,设置为100时显示为圆形。“特殊样式”设置为“颜色”,且选择“矩形”时,才显示该参数。
      • 背景色:设置特殊样式的背景颜色,支持设置为圆形和矩形。“特殊样式”设置为“颜色”时,才显示该参数。
support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7035.html