更新记录

1.0.2（2025-04-21）

1. 修复鸿蒙打包错误问题

1.0.1（2025-04-07）

1. 修复android模糊视图异常问题

1.0.0（2025-03-18）

1. 高斯模糊组件，支持Android、iOS、Web、MP

平台兼容性

uni-app

uni-app x

其他

UxFrame Blur 高斯模糊组件 1.0.2

特别说明

如果您已经购买了UxFrame 低代码高性能UI框架, 则无需再次购买本插件，请点击上方进入交流群联系我免费获取离线版插件！

使用方式

<template>
    <scroll-view style="flex: 1;">
        <view class="h1">a</view>
        <view class="h2">a</view>
        <view id="mask" class="body">
            <image class="logo" src="/static/logo.png"></image>
            <!-- 覆盖在需要模糊的组件上方 -->
            <ux-blur class="mask" :view="navView"></ux-blur>
        </view>
        <view class="h1">c</view>
        <view class="h2">d</view>
    </scroll-view>
</template>

<script setup>
    const navView = ref<any | null>(null)

    onLoad(() => {
        // 可以指定模糊的对象view
        setTimeout(function() {
            let el = uni.getElementById('mask')
            // #ifdef APP-ANDROID
            // navView.value = el?.getAndroidView()
            // #endif

            // #ifdef APP-IOS
            // navView.value = el?.getIOSView()
            // #endif
        }, 400);
    })
</script>

文档教程 ⬇️

https://www.uxframe.cn