uni-datetime-picker
uniapp开发时使用uni-datetime-picker组件 但是出现了遮挡问题 使用z-index无效
目前打算在 弹窗打开时 隐藏遮盖部分
但是不知道如何检测到弹窗的状态
麻烦各位支招～
uniapp开发时使用uni-datetime-picker组件 但是出现了遮挡问题
uniapp开发时使用uni-datetime-picker组件 但是出现了遮挡问题 使用z-index无效
目前打算在 弹窗打开时 隐藏遮盖部分
但是不知道如何检测到弹窗的状态
麻烦各位支招～
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
雾里桃花 2023-06-29 09:31关注根据图片中的表现，给出以下分析和解决答案
问题原因：页面中的图表是以canvas为基础画出来的，canvas在移动端和小程序端属于原生组件，原生组件的层级最高，所以会覆盖其它节点
解决方案：在调用日期弹窗时使用v-show或者visibility: hidden;将图表隐藏评论 打赏解决 2无用 1举报 分享
- 2022-12-09 16:16蜗系少年�的博客 将uni-datetime-picker的最外层scroll-view元素去掉,改成普通的view,在最外层view的css中加上 overflow-y:...在scroll-view应用一个表单,里面有uni-datetime-picker组件。此bug只针对苹果手机,该问题在安卓上正常显示。
- 2022-11-18 10:50燊燊向上的博客 但uchart用到了canvas，其层级过高，当实机运行小程序时会遮盖弹出的uni-datetime-picker组件 当uni-datetime-picker组件弹出遮罩时，把canvas移到用户视野之外。uni-datetime-picker组件本质就是普通的vue组件，...
- 2021-12-02 10:34ChoneyLove的博客 偶然发现苹果手机上这个picker弹出来的时候，自己写的组件竟然覆盖在了这个picker的上面，遮挡住了...还有uniapp的uni-datetime-picker组件是真的难用，难用，自己改巴改巴都改了一天，才能在我项目中用起来。汗！ ...
- 2023-09-01 11:54true9527的博客 picker-view遮罩颜色修改
- 2024-10-28 14:121941s的博客 uniapp ios scroll-view中z-index失效的问题
- 2024-08-19 11:17孟夏廿四的博客 el-date-picker时间选择器弹窗被浏览器边框遮挡
- 2022-11-08 16:18？#的博客 uniapp用picker日期选择器不是从底部弹起,我是在app里使用的，直接复制uni官方文档的代码，运行效果如下。fields="month" //选择器显示是年月。fields="day" //选择器显示是年月日。fields="year" //选择器显示是年...
- 2026-02-09 11:05dbt@L的博客 uni-app——uni-app小程序弹窗z-index层级与iOS真机内边距问题
- 2025-02-11 16:20码上前端的博客 在 Uniapp 跨端开发中，解决不同平台显示差异问题是保证应用质量和用户体验的关键。通过采用响应式布局、字体适配、组件样式定制、导航栏与状态栏处理等方法，可以有效减少显示差异，实现应用在不同平台上的一致显示...
- 2022-12-22 16:30Arieslxs的博客 关于uniapp小程序内置canvas标签层级过高，覆盖其他标签问题
- 没有解决我的问题, 去提问
问题事件
创建了问题
6月28日