登录
目录
当前位置： 首页 > 文档资料 > ThingJS 文档中心 >

组件 Options 属性

优质
小牛编辑
126浏览
2023-12-01

线条

fill

类型：Color

说明：填充色，但是对于线条的颜色是由边框的颜色控制的，所以不受影响。

stroke

类型：color

说明：边框颜色，对于线条而言则是控制线条的颜色。

strokeWidth

类型：number

说明：控制边框的宽度。

strokeDasharray

类型：number

说明：用于创建虚线，值为 0 的时候为实线，值越大虚线的虚点就越大。

transform

类型：string

说明：用于控制图形的旋转，格式为 rotate(0deg) 后面的 deg 是旋转角度的单位。

transformOrigin

类型：string

说明：控制旋转原点，默认的旋转原点在线条的中间。

矩形

fill

类型：Color

说明：填充色。

stroke

类型：color

说明：边框颜色，由于默认的边框宽度为 0 ，则单独设置边框颜色不起作用。

strokeWidth

类型：number

说明：控制边框的宽度。

strokeDasharray

类型：number

说明：用于边框创建虚线，值为 0 的时候为实线，值越大虚线的虚点就越大。

transform

类型：string

说明：用于控制图形的旋转，格式为 rotate(0deg) 后面的 deg 是旋转角度的单位。

transformOrigin

类型：string

说明：控制旋转原点，默认的旋转原点在矩形的中间。

rx

类型：number

说明：控制矩形在x轴方向的边框弧度。

ry

类型：number

说明：控制矩形在y轴方向的边框弧度。

圆形

fill

类型：Color

说明：填充色

stroke

类型：color

说明：边框颜色，由于默认的边框宽度为 0 ，则单独设置边框颜色不起作用。

strokeWidth

类型：number

说明：控制边框的宽度。

strokeDasharray

类型：number

说明：用于边框创建虚线，值为 0 的时候为实线，值越大虚线的虚点就越大。

transform

类型：string

说明：用于控制图形的旋转，格式为 rotate(0deg) 后面的 deg 是旋转角度的单位。

transformOrigin

类型：string

说明：控制旋转原点，默认的旋转原点在圆形的中间。

椭圆

fill

类型：Color

说明：填充色

stroke

类型：color

说明：边框颜色，由于默认的边框宽度为 0 ，则单独设置边框颜色不起作用。

strokeWidth

类型：number

说明：控制边框的宽度。

strokeDasharray

类型：number

说明：用于边框创建虚线，值为 0 的时候为实线，值越大虚线的虚点就越大。

transform

类型：string

说明：用于控制图形的旋转，格式为 rotate(0deg) 后面的 deg 是旋转角度的单位。

transformOrigin

类型：string

说明：控制旋转原点，默认的旋转原点在椭圆的中间。

箭头

fill

类型：Color

说明：填充色

stroke

类型：color

说明：边框颜色，由于默认的边框宽度为 0 ，则单独设置边框颜色不起作用。

strokeWidth

类型：number

说明：控制边框的宽度。

strokeDasharray

类型：number

说明：用于边框创建虚线，值为 0 的时候为实线，值越大虚线的虚点就越大。

transform

类型：string

说明：用于控制图形的旋转，格式为 rotate(0deg) 后面的 deg 是旋转角度的单位。

transformOrigin

类型：string

说明：控制旋转原点，默认的旋转原点在箭头左上角。

arrowType

类型：number

说明：控制箭头类型，现在共有4类型的箭头，从0到3

backgroundColor

类型：Color

说明：控制背景颜色，默认为透明色

borderColor

类型：Color

说明：边框颜色，默认为透明色，由于默认的边框宽度为 0 ，则单独设置边框颜色不起作用。

whiteSpace

类型：String

说明：忽略空白符，浏览器默认忽略手动输入的空白符。共有三个参数：

  • normal：默认
  • pre：保留空白符
  • nowrap：文本超出之后，不换行

color

类型：Color

说明：控制字体颜色

textAlign

类型：String

说明：文本位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

letterSpacing

类型：String

说明：控制字符间距。

textDecoration

类型：String

说明：文本修饰，共有四个参数：

  • None：标准文本（默认）
  • Underline：文本添加下划线
  • Overline：文本添加上划线
  • line-through：穿过文本线
  • Normal：标准字体（默认）
  • Italic：斜体

fontStyle

类型：String

说明：字体样式，共有两个参数：

  • Normal：标准字体（默认）
  • Italic：斜体

textIndent

类型：String

说明：首行缩进，单位为px。

fontFamily

类型：String

说明：字体系列。

borderWidth

类型：String

说明：边框宽度。

fontSize

类型：String

说明：字体大小。

lineHeight

类型：String

说明：字体行高，常用于控制字体在y方向上垂直居中。

borderStyle

类型：String

说明：边框样式，共有九个参数：

  • None：无边框
  • Dotted：点状边框
  • Dashed：虚线边框
  • Solid：实线边框
  • Double：双线边框
  • Groove：3D凹槽边框
  • Ridge：3D垄状边框
  • Inset：3D inset 边框
  • Outset：3D outset 边框

fontWeight

类型：number

说明：控制字体粗细，从100到900是依此从细到宽，400为正常宽度。

carouselCycle

类型：number

说明：轮播周期，默认为 10 秒。

isCarousel

类型：boolean

说明：是否开启轮播，默认开启轮播。

pageNumber

类型：number

说明：轮播中每页显示的数量。

progress_backgroundColor

类型：Color

说明：进度条的背景颜色。

progress_borderRadius

类型：String

说明：控制进度条的圆角。

progress_color

类型：Color

说明：控制进度条颜色，在此处控制所有的进度条的颜色。

progress_height

类型：String

说明：进度条的高度。

progress_marginTop

类型：String

说明：控制进度条上下的间距。

progress_width

类型：String

说明：控制进度条的宽度。

title_backgroundColor

类型：Color

说明：标题的背景颜色。

title_color

类型：Color

说明：标题的字体颜色。

title_fontFamily

类型：String

说明：标题字体系列。

title_fontSize

类型：String

说明：标题字体大小。

title_fontStyle

类型：String

说明：标题字体样式，共有两个参数：

  • Normal：标准字体（默认）
  • Italic：斜体

title_fontWeight

类型：number

说明：字体宽度，从100到900是依此从细到宽，400为正常宽度。

title_height

类型：String

说明：标题高度。

title_letterSpacing

类型：String

说明：标题字符间距。

title_lineHeight

类型：String

说明：标题行高。

title_textAlign

类型：String

说明：标题文本位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

title_whiteSpace

类型：String

说明：忽略空白符，浏览器默认忽略手动输入的空白符。共有三个参数：

  • normal：默认
  • pre：保留空白符
  • nowrap：文本超出之后，不换行

title_width

类型：String

说明：标题宽度。

unit_backgroundColor

类型：Color

说明：单位背景颜色。

unit_color

类型：Color

说明：单位字体颜色。

unit_fontSize

类型：String

说明：单位字体大小。

unit_fontStyle

类型：String

说明：单位字体样式，共有两个参数：

  • Normal：标准字体（默认）
  • Italic：斜体

unit_fontWeight

类型：number

说明：单位字体宽度，从100到900是依此从细到宽，400为正常宽度

unit_height

类型：String

说明：单位高度。

unit_lineHeight

类型：String

说明：单位行高。

unit_textAlign

类型：String

说明：单位字体位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

unit_width

类型：String

说明：单位宽度。

bottomBackgroundColor

类型：Color

说明：翻牌器分为上下两部分，本属性主要控制下半部背景颜色。

fontColor

类型：Color

说明：翻牌器字体颜色，主要控制万字体和单位字体。

fontFamily

类型：String

说明：翻牌器字体系列。

fontLineHeight

类型：String

说明：翻牌器字体行高。

fontSize

类型：String

说明：翻牌器字体大小。

fontTextAlign

类型：String

说明：翻牌器字体位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

fontWeight

类型：number

说明：翻牌器字体宽度，从100到900是依此从细到宽，400为正常宽度。

numberColor

类型：Color

说明：翻牌器数字字体颜色。

numberFontFamily

类型：String

说明：翻牌器数字字体系列。

numberLineHeight

类型：String

说明：翻牌器数字字体行高。

numberSize

类型：String

说明：翻牌器数字字体数字大小。

numberTextAlign

类型：String 说明：翻牌器数字字体位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

numberWeight

类型：number

说明：翻牌器数字字体宽度，从100到900是依此从细到宽，400为正常宽度。

pageAlign

类型：String

说明：翻牌器位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

pageHeight

类型：String

说明：翻牌器高度。

pageMargin

类型：String

说明：翻牌器中间的间距。

pageRadius

类型：String

说明：翻牌器边角弧度。

pageWidth

类型：String

说明：翻牌器宽度。

split

类型：boolean

说明：控制翻牌器是否以万分割。

topBackgroundColor

类型：Color

说明：翻牌器上半部背景颜色。

unit

类型：String

说明：翻牌器单位。

borderColor

类型：Color

说明：列表中边框的颜色

borderStyle

类型：String

说明：列表中边框的样式，共有九个参数:

  • None：无边框
  • Dotted：点状边框
  • Dashed：虚线边框
  • Solid：实线边框
  • Double：双线边框
  • Groove：3D凹槽边框
  • Ridge：3D垄状边框
  • Inset：3D inset 边框
  • Outset：3D outset 边框

borderWeight

类型：String

说明：边框宽度

carouselCycle

类型：number

说明：轮播周期，默认是10秒

evenBackgroundColor

类型：Color

说明：偶数行背景颜色

evenFontColor

类型：Color

说明：偶数行字体颜色

evenFontFamily

类型：String

说明：偶数行字体系列

evenFontSize

类型：String

说明：偶数行字体大小

evenFontWeight

类型：number

说明：偶数行字体粗细，从100到900是依此从细到宽，400为正常宽度。

fontLineHeight

类型：String

说明：列表中字体高度

fontTextAlign

类型：String

说明：列表中字体位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

isCarousel

类型：boolean

说明：是否开启轮播，默认开启轮播

oddBackgroundColor

类型：Color

说明：奇数行背景颜色

oddFontColor

类型：Color

说明：奇数行字体颜色

oddFontFamily

类型：String

说明：奇数行字体系列

oddFontSize

类型：String

说明：奇数行字体大小

oddFontWeight

类型：number

说明：奇数行字体宽度，从100到900是依此从细到宽，400为正常宽度。

pageNumber

类型：number

说明：在轮播中每页展示的数量

titleBackgroundColor

类型：Color

说明：标题背景颜色

titleBorderColor

类型：Color

说明：标题的边框宽度

titleBorderStyle

类型：String

说明：标题边框样式，共有九个参数：

  • None：无边框
  • Dotted：点状边框
  • Dashed：虚线边框
  • Solid：实线边框
  • Double：双线边框
  • Groove：3D凹槽边框
  • Ridge：3D垄状边框
  • Inset：3D inset 边框
  • Outset：3D outset 边框

titleBorderWeight

类型：String

说明：标题边框宽度

titleColor

类型：Color

说明：标题字体颜色

titleFongSize

类型：String

说明：标题字体大小

titleFontFamily

类型：String

说明：标题字体系列

titleFontWeight

类型：number

说明：标题字体宽度，从100到900是依此从细到宽，400为正常宽度。

titleLineheight

类型：String

说明：标题行高

titleTextAlign

类型：String

说明：标题位置，共有三个参数：

  • Center：居中（默认）
  • left：居左
  • right：居右

iframeURL

类型：String

说明：存储iframe页面的url连接

isOpenIframe

类型：boolrean

说明：是否开启iframe页面

dpdId

类型：String

说明：大屏场景ID，可以从打开场景的url连接上拷贝场景ID

isOpenDpdIframe

类型：boolrean

说明：是否调用大屏场景

autoplay

类型：boolrean

说明：是否自动播放视频

controls

类型：boolrean

说明：是否显示播放条

loop

类型：boolrean

说明：是否循环播放

muted

类型：boolrean

说明：是否静音播放

videoSrc

类型：String

说明：播放视频的连接地址

fontColor

类型：Color

说明：时间器字体颜色

fontFamily

类型：String

说明：时间器字体样式

fontSize

类型：String

说明：时间器字体大小

isLineWarp

类型：boolrean

说明：是否换行显示

isShowDay

类型：boolrean

说明：是否显示日期

isShowTime

类型：boolrean

说明：是否显示时间

spacing

类型：String

说明：日期与时间之间的间距

timeFormat

类型：String

说明：日期格式，共有三个参数:

  • 以年月日进行分割
  • 以-分割
  • 以/分割

backgroundColor

类型：String

说明：图层的背景颜色

isBgImage

类型：boolean

说明：是否显示背景图片

bgImageUrl

类型：String

说明：背景图片的连接地址

免责声明： 以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。
@小牛知识库 xnip.cn