更新记录

0.0.1（2025-07-16）

• feat:初始化

平台兼容性

云端兼容性

uni-app(4.55)

uni-app x(4.61)

lime-frost 毛玻璃效果组件

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

文档链接

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

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

安装方法

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

基本用法

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

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style>
.container {
  position: relative;
  /* 背景图片或内容 */
}
.content {
  /* 内容样式 */
  position: relative;
  z-index: 2;
}
</style>

API

Props

插槽

平台兼容性

• APP-Android：使用UTS实现原生模糊效果
• APP-iOS：使用UTS实现原生模糊效果
• APP-Harmony：使用UTS实现原生模糊效果
• H5/小程序：使用CSS backdrop-filter实现模糊效果

开发文档

UTS 语法 UTS API插件 UTS uni-app兼容模式组件 UTS 标准模式组件 Hello UTS