块元素 block

一个适合快速定义固定宽高比的块元素。如果您的块元素高度不固定，您可以使用原生的 view 组件。

插件市场地址

https://ext.dcloud.net.cn/plugin?name=pure-block

基础使用

通过 ratio 属性设置宽高比。默认为 1/1

<!-- 宽高比 1/1，表现为一个正方形 -->
<pure-block ratio="1/1"></pure-block>

<!-- 宽高比 16/9，表现为一个 16:9 的长方形 -->
<pure-block ratio="16/9"></pure-block>

Props

属性名	说明	类型	默认值	可选值	版本
ratio	纵横比、宽高比	String	1/1	-	+1.0.0

Slots

名称	说明	参数	版本
default	块元素内容	-	+1.0.0

样式变量

变量名	默认值	版本
--pure-block-aspect-ratio	1/1	+1.0.0