块元素 block

块元素组件。

重要提示

重要提示

需在 App.vue 中引入 pure-styles 样式，@import '@/uni_modules/pure-styles/index.css';

兼容性

• 兼容：✅
• 不兼容：❌
• 未知：❔

H5	安卓	苹果	微信	支付宝	百度	抖音	QQ	快手	飞书	京东
✅	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅

小红书	鸿蒙	360	华为快应用	快应用联盟
✅	❔	❔	❔	❔

插件市场地址

DCloud 插件市场地址

基础使用

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

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

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

Props

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

Slots

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