更新记录

1.1.0（2024-02-06）

• 兼容unix for hbx4.0+

1.0.9（2023-12-15）

• 兼容uts最新版

1.0.8（2023-10-28）

• 修复uvue中color无效

平台兼容性

sn-blur-view

sn-blur-view是高斯模糊效果组件

注意

• sn-blur-view支持app-nvue、uni-app x的uvue
• App-Android平台要求Android5（API Leavel 21）及以上系统
• iOS平台要求iOS11及以上版本系统

属性说明

代码实例 - nvue

<template>
    <view class="content" id="page">
        <scroll-view style="flex: 1;">
            <image src="/static/logo.png" style="width: 750rpx; height: 500rpx;"></image>
            <view style="height: 1500rpx;width: 750rpx;background-color: red;">
                <text>测试</text>
            </view>
        </scroll-view>
        <sn-blur-view blurViewId="page" class="content"
            style="width: 750rpx;height: 230rpx;position: fixed;top: 100rpx;" :color="blurColor">
            <text>Blur</text>
        </sn-blur-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                blurColor: 'rgba(0,0,0,0)'
            };
        },
        onLoad() {
            setTimeout(() => {
                this.blurColor = 'rgba(255,255,255,.3)'
            }, 2000);
        },
        methods: {
        }
    };
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>

效果

iOS	Android