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

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遮挡

相关推荐
晓风伴月4 小时前
uniapp: IOS微信小程序输入框部分被软键盘遮挡问题
微信小程序·小程序·uni-app
转角羊儿4 小时前
uni-app文章列表制作⑧
前端·javascript·uni-app
糊涂涂是个小盆友5 小时前
前端 - 使用uniapp+vue搭建前端项目(app端)
前端·vue.js·uni-app
阿巴阿巴Ovo6 小时前
uniapp中多角色导致tabbar过多的解决方式
uni-app
Json____9 小时前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
云深时现月10 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
diygwcom11 小时前
低代码可视化-uniapp开关选择组件-低码生成器
uni-app
fakaifa1 天前
CRMEB Pro版v3.1源码全开源+PC端+Uniapp前端+搭建教程
前端·小程序·uni-app·php·源码下载
转角羊儿1 天前
uni-app请求方法封装⑦
uni-app