# 数据类型说明
> **说明：**
>
> 从API Version 8 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
## 长度类型
| 名称 | 类型定义 | 描述 |
| ---------- | -------------------------- | ---------------------------------------- |
| length | string \| number | 用于描述尺寸单位，输入为number类型时，使用px单位。输入为string类型时，需要显式指定像素单位，当前支持的像素单位有：
- px：逻辑尺寸单位。
- fp：字体尺寸单位，随系统字体大小设置发生变化，仅支持文本类组件设置相应的字体大小。 |
| percentage | string | 百分比尺寸单位，如“50%”。 |
## 颜色类型
| 名称 | 类型定义 | 描述 |
| ----- | ------------------ | ---------------------------------------- |
| color | string \|颜色枚举 | 用于描述颜色信息。
字符串格式如下：
- 'rgb(255, 255, 255)'。
- 'rgba(255, 255, 255, 1.0)'。
- HEX格式：'\#rrggbb'，'\#aarrggbb'。
- 枚举格式：'black'，'white'。
JS脚本中不支持颜色枚举格式。 |
**表1** 当前支持的颜色枚举
| 枚举名称 | 对应颜色 | 颜色 |
| -------------------- | -------- | ---------------------------------------- |
| aliceblue | \#f0f8ff |  |
| antiquewhite | \#faebd7 |  |
| aqua | \#00ffff |  |
| aquamarine | \#7fffd4 |  |
| azure | \#f0ffff |  |
| beige | \#f5f5dc |  |
| bisque | \#ffe4c4 |  |
| black | \#000000 |  |
| blanchedalmond | \#ffebcd |  |
| blue | \#0000ff |  |
| blueviolet | \#8a2be2 |  |
| brown | \#a52a2a |  |
| burlywood | \#deB887 |  |
| cadetblue | \#5f9ea0 |  |
| chartreuse | \#7fff00 |  |
| chocolate | \#d2691e |  |
| coral | \#ff7f50 |  |
| cornflowerblue | \#6495ed |  |
| cornsilk | \#fff8dc |  |
| crimson | \#dc143c |  |
| cyan | \#00ffff |  |
| darkblue | \#00008b |  |
| darkcyan | \#008b8b |  |
| darkgoldenrod | \#b8860b |  |
| darkgray | \#a9a9a9 |  |
| darkgreen | \#006400 |  |
| darkgrey | \#a9a9a9 |  |
| darkkhaki | \#bdb76b |  |
| darkmagenta | \#8b008b |  |
| darkolivegreen | \#556b2f |  |
| darkorange | \#ff8c00 |  |
| darkorchid | \#9932cc |  |
| darkred | \#8b0000 |  |
| darksalmon | \#e9967a |  |
| darkseagreen | \#8fbc8f |  |
| darkslateblue | \#483d8b |  |
| darkslategray | \#2f4f4f |  |
| darkslategrey | \#2f4f4f |  |
| darkturquoise | \#00ced1 |  |
| darkviolet | \#9400d3 |  |
| deeppink | \#ff1493 |  |
| deepskyblue | \#00bfff |  |
| dimgray | \#696969 |  |
| dimgrey | \#696969 |  |
| dodgerblue | \#1e90ff |  |
| firebrick | \#b22222 |  |
| floralwhite | \#fffaf0 |  |
| forestgreen | \#228b22 |  |
| fuchsia | \#ff00ff |  |
| gainsboro | \#dcdcdc |  |
| ghostwhite | \#f8f8ff |  |
| gold | \#ffd700 |  |
| goldenrod | \#daa520 |  |
| gray | \#808080 |  |
| green | \#008000 |  |
| greenyellow | \#adff2f |  |
| grey | \#808080 |  |
| honeydew | \#f0fff0 |  |
| hotpink | \#ff69b4 |  |
| indianred | \#cd5c5c |  |
| indigo | \#4b0082 |  |
| ivory | \#fffff0 |  |
| khaki | \#f0e68c |  |
| lavender | \#e6e6fa |  |
| lavenderblush | \#fff0f5 |  |
| lawngreen | \#7cfc00 |  |
| lemonchiffon | \#fffacd |  |
| lightblue | \#add8e6 |  |
| lightcoral | \#f08080 |  |
| lightcyan | \#e0ffff |  |
| lightgoldenrodyellow | \#fafad2 |  |
| lightgray | \#d3d3d3 |  |
| lightgreen | \#90ee90 |  |
| lightpink | \#ffb6c1 |  |
| lightsalmon | \#ffa07a |  |
| lightseagreen | \#20b2aa |  |
| lightskyblue | \#87cefa |  |
| lightslategray | \#778899 |  |
| lightslategrey | \#778899 |  |
| lightsteelblue | \#b0c4de |  |
| lightyellow | \#ffffe0 |  |
| lime | \#00ff00 |  |
| limegreen | \#32cd32 |  |
| linen | \#faf0e6 |  |
| magenta | \#ff00ff |  |
| maroon | \#800000 |  |
| mediumaquamarine | \#66cdaa |  |
| mediumblue | \#0000cd |  |
| mediumorchid | \#ba55d3 |  |
| mediumpurple | \#9370db |  |
| mediumseagreen | \#3cb371 |  |
| mediumslateblue | \#7b68ee |  |
| mediumspringgreen | \#00fa9a |  |
| mediumturquoise | \#48d1cc |  |
| mediumvioletred | \#c71585 |  |
| midnightblue | \#191970 |  |
| mintcream | \#f5fffa |  |
| mistyrose | \#ffe4e1 |  |
| moccasin | \#ffe4b5 |  |
| navajowhite | \#ffdead |  |
| navy | \#000080 |  |
| oldlace | \#fdf5e6 |  |
| olive | \#808000 |  |
| olivedrab | \#6b8e23 |  |
| orange | \#ffa500 |  |
| orangered | \#ff4500 |  |
| orchid | \#da70d6 |  |
| palegoldenrod | \#eee8aa |  |
| palegreen | \#98fb98 |  |
| paleturquoise | \#afeeee |  |
| palevioletred | \#db7093 |  |
| papayawhip | \#ffefd5 |  |
| peachpuff | \#ffdab9 |  |
| peru | \#cd853f |  |
| pink | \#ffc0cb |  |
| plum | \#dda0dd |  |
| powderblue | \#b0e0e6 |  |
| purple | \#800080 |  |
| rebeccapurple | \#663399 |  |
| red | \#ff0000 |  |
| rosybrown | \#bc8f8f |  |
| royalblue | \#4169e1 |  |
| saddlebrown | \#8b4513 |  |
| salmon | \#fa8072 |  |
| sandybrown | \#f4a460 |  |
| seagreen | \#2e8b57 |  |
| seashell | \#fff5ee |  |
| sienna | \#a0522d |  |
| silver | \#c0c0c0 |  |
| skyblue | \#87ceeb |  |
| slateblue | \#6a5acd |  |
| slategray | \#708090 |  |
| slategrey | \#708090 |  |
| snow | \#fffafa |  |
| springgreen | \#00ff7f |  |
| steelblue | \#4682b4 |  |
| tan | \#d2b48c |  |
| teal | \#008080 |  |
| thistle | \#d8Bfd8 |  |
| tomato | \#ff6347 |  |
| turquoise | \#40e0d0 |  |
| violet | \#ee82ee |  |
| wheat | \#f5deb3 |  |
| white | \#ffffff |  |
| whitesmoke | \#f5f5f5 |  |
| yellow | \#ffff00 |  |
| yellowgreen | \#9acd32 |  |