x-blur-u 背景毛玻璃

背景毛玻璃组件，用法接近 view。把内容放进默认插槽即可叠在模糊层上。

兼容性

Harmony	IOS	Android	WEB	小程序
支持	支持	支持	支持	支持

调用

<view class="blur-top">
  <x-blur-u class="blur-fill" :blur="20" bgColor="rgba(255,255,255,0.85)">
    <text>请滚动页面</text>
  </x-blur-u>
</view>

.blur-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 50;
}
.blur-fill {
  width: 100%;
  height: 100%;
}

参数

字段	说明	默认
blur	模糊强度，0~100	20
bgColor	覆盖色	rgba(255,255,255,0.85)
customStyle	内部附加样式	""

默认插槽为模糊层上的内容。改 blur / bgColor 即更新。

事件

无对外事件。

方法

无对外方法。

平台差异

1. App 三端为原生模糊；Web / 微信为 CSS backdrop-filter。

版本

版权归https://xui.tmui.design你不得修改及二次开发，仅供TMUI4会员商用使用。不得转给非VIP会员使用，一经查实数倍赔偿，并追究法律责任。

更新日志

1.0.0（2026-05-20）

• 5端可用的背景毛玻璃背景模糊插件，使用如view一样简单。