LimeFrost 毛玻璃效果组件

跨平台毛玻璃/模糊效果组件，支持APP（Android、iOS、鸿蒙）和H5等多平台，提供统一的使用体验。通过原生实现（UTS）和CSS实现，在不同平台提供高性能的模糊效果。

文档链接

📚 组件详细文档请访问以下站点：

• 毛玻璃效果文档 - 站点1
• 毛玻璃效果文档 - 站点2
• 毛玻璃效果文档 - 站点3

安装方法

1. 在uni-app 中搜索并导入lime-frost
2. 导入后可能需要重新编译项目
3. 在页面中使用l-frost组件（组件）或lime-frost（演示）

基本用法

<l-frost :blur="10">
  <view class="content">毛玻璃效果内容</view>
</l-frost>

快速预览

导入插件后，可以直接使用以下标签查看演示效果：

<!-- 代码位于 uni_modules/lime-frost/components/lime-frost -->
<lime-frost />

插件标签说明

• 默认 l-frost 为组件标签
• 默认 lime-frost 为演示标签

API

Props

属性名	类型	默认值	说明
blur	Number	10	模糊程度，单位px

插槽

名称	说明
default	默认插槽，放置在毛玻璃效果上方的内容

源代码

组件源码