样式

样式是所有元素(自定义组件除外)都可以使用的属性,写在 style 里。

background-color

背景颜色,默认为透明。

border-width

边框宽度,默认为 0。可以用 `"1px"`表示 1 像素的边框

border-color

边框颜色,默认为黑色。

corner-radius

圆角半径,默认为 0。
可以使用 `corner-radius-top-left`、`corner-radius-top-right`、`corner-radius-bottom-left`、`corner-radius-bottom-right` 分别指定每个角的圆角半径。

user-interaction-enabled

设置生成的 view 的userInteractionEnabled。默认不设置。

clip

设置生成的 view 的 clipsToBounds。

properties

通过反射给 view 设置属性,如:
"properties": {
  "layer.shadowOpacity": 1
}

颜色

颜色使用 "#rgb""#rrggbb""#argb""#aarrggbb" 表示,如:"#fff" 表示白色。

颜色还可以使用以下名称定义:

  • "black"
  • "darkgray"
  • "lightgray"
  • "white"
  • "gray"
  • "red"
  • "green"
  • "blue"
  • "cyan"
  • "yellow"
  • "magenta"
  • "orange"
  • "purple"
  • "brown"
  • "transparent"

阴影

Mist 目前没有提供阴影的支持,但是可以使用 properties 来实现

样式引用

可以在 styles 属性中定义样式,并在元素的 class 属性引用

元素上定义的样式优先级高于 class 中引用的样式

results matching ""

    No results matching ""