AspectRatio 等比容器
按指定宽高比锁定容器尺寸的纯展示组件,宽度 100%、高度由比例推导,内容铺满并按比例裁切;无子内容时仍按比例占位。无事件。
基础用法
16/9 视频比例
16:9
常见比例
4:3 / 1:1 / 21:9
4:3
1:1
21:9
空内容占位
无子内容仍保比例(1:1)
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
ratio | 宽高比,支持 16/9、4:3、16 / 9、小数 1.5;非法回退 1 / 1 | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | — |
- 宿主宽度 100%,高度由
aspect-ratio推导;内容经 absoluteinset: 0铺满并按比例裁切。 - 无子内容时宿主仍按比例占位。
- 无事件,纯展示。