uniapp设置tabBar高斯模糊并设置tabBar高度占位

公子艾2024-11-15 18:40

1、设置tabBar高斯模糊

2、设置tabBar高度占位

（1）需要先在App.vue中获取一下

复制代码

uni.getSystemInfoSync().windowBottom;  //返回值是tabBar的高度

（2）在全局样式文件/uview-ui/libs/css/style.vue.scss中定义一个全局样式

3、在需要的页面底部，加上一个view，类名设置为u-blur-effect-inset即可

注意：如果设置了高斯模糊而没有设置tabBar高度占位，会造成tabBar遮挡