uni-dta-select在uni-popup里面的话,下拉框选项会被挡住,显示不出来,这个怎么解决?
![1***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/0ced86bd200fd6f42e6618eb4df1728a.png)
- 发布:2023-01-19 11:43
- 更新:2024-12-25 12:19
- 阅读:2431
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230119/7f419adb5272705d9732ed13087cb582.png)
![8***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/a233c59f1dcbe518b695c6385ed7568f.png)
如果你是用uni-collapse,uni-card请这样设置,因为组件用了overflow: hidden;进行超出隐藏,其实并不对,应该是用visibility: hidden;这是组件的问题,解决方法如下
::v-deep .uni-collapse-item__wrap{
overflow: unset;
.uni-collapse-item__wrap-content{
visibility: hidden;
overflow: hidden;
}
.uni-collapse-item--border{
visibility: visible;
overflow: unset;
.uni-collapse-item__wrap{
overflow: unset;
}
}
}
![Avin](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/26/41/47_avatar_mid.jpg?v=1676363755)
Avin - 前端小菜鸟
这个问题解决了吗,我在使用uni-card 包裹uni-data-select 的时候也出现了这种情况,下拉框显示不完整。修改uni-select__selector 的z-index 也不生效
![套马杆的套子](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/54/59/61_avatar_mid.jpg?v=1696927615)
套马杆的套子 - 没有解决不了的问题,只有解决不完的问题
如果是遮挡问题,找到uni_modules-uni-data-select-components-uni-data-select-uni-data-select.vue中,335行,z-index: 9999;//2从2改大就ok