鸿蒙5.0开发进阶:JS组件-自定义组件(数据类型说明)

往期鸿蒙5.0全套实战文章必看:(文中附带全栈鸿蒙5.0学习资料)


数据类型说明

长度类型

名称类型定义描述
lengthstring | number

用于描述尺寸单位,输入为number类型时,使用px单位;输入为string类型时,需要显式指定像素单位,当前支持的像素单位有:

- px:逻辑尺寸单位。

- fp6+:字体尺寸单位,会随系统字体大小设置发生变化,仅支持文本类组件设置相应的字体大小。

percentagestring百分比尺寸单位,如“50%”。

颜色类型

名称类型定义描述
colorstring | 颜色枚举字符串

用于描述颜色信息,JS脚本中不支持颜色枚举格式。

字符串格式如下:

- 'rgb(255, 255, 255)'

- 'rgba(255, 255, 255, 1.0)'

- HEX格式:'#rrggbb','#aarrggbb'

- 枚举格式:'black','white'。

表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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值