基本容器
支持
支持通用属性
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
enablevideofullscreencontainer 1080+ | boolean | false | 否 | 若 video 组件的直接父组件为 div 组件，且其enablevideofullscreencontainer值为 true，则开启全屏显示自定义组件特性。默认值为 false，特性为关闭状态 |
| focusoutallowed | <FocusAllowed> | - | 否 | 当前焦点在该容器内部，用户触发方向键徐找下一个焦点且焦点组件不再容器内时，是否允许跳出该容器，聚焦到下一个焦点 |
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| left | <boolean> | true | 否 | - |
| top | <boolean> | true | 否 | - |
| right | <boolean> | true | 否 | - |
| bottom | <boolean> | true | 否 | - |
<div focusoutallowed="{left: true, right: false, top: false, bottom: true}" />
设置 ‘right’: false，按右键但右边没有可聚焦的元素时，自动跳到下一行（相当于变成向下按键），如果不存在下一行，focus view抖动动画；
设置 ‘left’: false，按左键但左边没有可聚焦的元素时，自动跳到上一行（相当于变成向上按键）；
设置 ‘down’: false，按下键但下边没有可聚焦的元素时，focus view抖动动画；
设置 ‘top’: false，暂没有特别处理。
支持通用样式
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| flex-direction | column | row | column-reverse 1040+ | row-reverse 1040+ | row | 否 | - |
| flex-wrap | nowrap | wrap | wrap-reverse | nowrap | 否 | - |
| justify-content | flex-start | flex-end | center | space-between | space-around | flex-start | 否 | - |
| align-items | stretch | flex-start | flex-end | center | stretch | 否 | - |
| align-content | stretch | flex-start | flex-end | center | space-between | space-around | stretch | 否 | - |
align-self 1010+ | auto | stretch | flex-start | flex-end | center | baseline | auto | 否 | - |
支持通用事件
查看示例代码