更新记录

1.0.4（2025-07-25） 下载此版本

1. 限时免费开源

1.0.3（2025-07-24） 下载此版本

1. 适配原生鸿蒙

1.0.2（2025-04-21） 下载此版本

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

平台兼容性

云端兼容性

uni-app x(4.66)

UxFrame Blur 高斯模糊组件 1.0.4

特别说明

如果您已经购买了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>
            <text class="text" style="z-index: 1;">模糊上面的文字</text>
        </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