当前位置： 首页 > news >正文

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

news 2025/6/28 21:30:22

1、设置tabBar高斯模糊
在这里插入图片描述
2、设置tabBar高度占位
（1）需要先在App.vue中获取一下

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

（2）在app.vue中定义一个全局样式
在这里插入图片描述
3、在需要的页面底部，加上一个view，类名设置为u-blur-effect-inset即可

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

http://www.lryc.cn/news/485980.html

相关文章：

  • 上市公司代理成本数据大全（第一类和第二类代理成本均有）1991-2023年
  • CA-Markov模型概述及其MATLAB实现
  • 《生成式 AI》课程 第3講 CODE TASK执行文章摘要的机器人
  • HCIP-HarmonyOS Application Developer 习题（二十二）
  • c++原型模式（Prototype Pattern）
  • 联通大数据面试题及参考答案
  • MySQL数据库：SQL语言入门 【3】（学习笔记）
  • uniapp 实现tabbar分类导航及滚动联动效果
  • 华为数字化转型的本质为何是管理变革
  • 【数据库】深入解析慢 SQL 的识别与优化策略
  • Linux从入门到精通
  • 代码随想录算法训练营第四十四天|Day44 动态规划
  • C++初阶——优先队列
  • 10月月报 | Apache DolphinScheduler进展总结
  • WSL--无需安装虚拟机和docker可以直接在Windows操作系统上使用Linux操作系统
  • 《AI 之影》
  • QT5.14*解决QSslSocket::connectToHostEncrypted: TLS initialization faile
  • 高效分支管理规范
  • 跟我学C++中级篇——RAII
  • C语言第九周课——经典算法
  • 【Pikachu】XML外部实体注入实战
  • vue2项目中在线预览csv文件
  • 基于VUE实现语音通话：边录边转发送语言消息、 播放pcm 音频
  • PMP--一、二、三模、冲刺--分类--变更--技巧--特点
  • CSS Grid 布局实战：从入门到精通
  • git创建远程仓库，以gitee码云为例GitHub同理
  • Java爬虫（HttpURLConnection）详解
  • 基于STM32的智能停车管理系统设计
  • 【循环神经网络】
  • 优选算法 - 4 （ 链表 哈希表 字符串 9000 字详解 ）