Blank 两侧留白

用于为页面内部区块、表单与卡片统一提供左右两侧呼吸留白内边距（padding-left / padding-right）的容器组件，避免手写边距样式。

---

代码示例

1. 基础用法 (Basic)

默认 width="32"（单位 rpx），为内部卡片或组件提供标准的 32rpx 两侧内切留白。

<template>
  <mu-blank>
    <div class="card">
      <p>默认两侧内切 padding-left/right: 32rpx</p>
      <mu-button block type="primary">确认提交</mu-button>
    </div>
  </mu-blank>
</template>

---

2. 自定义留白宽度 (Custom Width)

使用 width 属性自定义左右两侧留白的宽度大小（可传入数字 rpx 或字符串长度）。

<template>
  <!-- 较窄留白 16rpx -->
  <mu-blank :width="16">
    <div class="card">两侧仅留白 16rpx</div>
  </mu-blank>

  <!-- 较宽留白 48rpx -->
  <mu-blank :width="48">
    <div class="card">两侧留白 48rpx</div>
  </mu-blank>
</template>

---

3. 自定义背景颜色 (Background)

使用 background 属性指定留白容器的背景色彩。

<template>
  <mu-blank :width="32" background="rgba(59, 130, 246, 0.08)">
    <div class="card">带淡蓝背景的留白容器</div>
  </mu-blank>
</template>

---

API 属性说明 (Props)

参数名	说明	类型	可选值	默认值
width	左右两侧内切留白宽度 (rpx 或带单位字符串)	Number | String	-	32
background	留白容器背景颜色	String	-	''

---

插槽说明 (Slots)

插槽名	说明
default	需要进行两侧内切留白包裹的内容节点