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

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

article 2024/11/17 22:14:14

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

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

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

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


http://www.kler.cn/a/397831.html

相关文章：

  • SpringBoot如何集成WebSocket
  • 基于STM32的智能温室控制系统设计
  • vue之axios根据某个接口创建实例，并设置headers和超时时间，捕捉异常
  • vxe-grid table 校验指定行单元格的字段，只校验某个列的字段
  • 超好用shell脚本NuShell mac安装
  • 大学语文教材电子版（第十一版）教学用书PDF及课件
  • 【客户服务】互联网时代客户投诉处理金点子
  • java对接php系统的AES加密 但是提供的key不符合长度的PKCS7填充补全
  • 工化企业内部能源能耗过大 落实能源管理
  • unity 一个物体随键盘上下左右旋转和前进的脚本
  • 【鸿蒙开发】第十四章 Web组件的使用、基本属性与事件
  • leetcode 扫描线专题 06-leetcode.252 meeting room 力扣.252 会议室
  • LeetCode 90-子集Ⅱ
  • 高阶C语言补充：柔性数组
  • python实战案例----使用 PyQt5 构建简单的 HTTP 接口测试工具
  • 机器学习-基本术语
  • html中select标签的选项携带多个值
  • 【EasyExcel】复杂导出操作-自定义颜色样式等（版本3.1.x）
  • 【因果分析方法】MATLAB计算Liang-Kleeman信息流
  • 网络物理隔离应用
  • 【JavaScript】LeetCode：96-100
  • 革新预测领域：频域融合时间序列预测，深度学习新篇章，科研涨点利器
  • 亚马逊云计算部门挑战英伟达，提供免费AI计算能力
  • 【游戏引擎之路】登神长阶（十四）——OpenGL教程：士别三日，当刮目相看
  • Linux TCP服务器客户端
  • Spring：bean的配置