你可以在 uni-popup 组件上直接使用 style 属性来设置高度,例如: html <uni-popup v-model="showPopup" style="height: 300px;"> <!-- 弹出层内容 --> </uni-popup> 这里,我们直接在 uni-popup 标签上使用了 style 属性,并设置了 height 为300px。
uniapp弹出层popup设置高度，这个设置之后，如果view内的高度大于你设置的高度，还是会撑开的。可以在组件中改变高度，如果你想灵活更改值就将popup组件中嵌套一层。
因此,我们在需要做这种弹框的时候,我们首先需要把mask层的滚动事件禁用,也就是在这个popup组件中,我们在mask层上去写 @touchmove.stop.prevent=""这个事件,但是这样还是不能解决在我们popup层上滚动时,会带动页面上滚动事件的问题,我最终的解决方案如下: 1.将popup弹窗的高度设置成height:100vh。 2.在我们的页面...
2023-07-06 uniapp的u-popup在内容超出固定高度的界面时设置overflow-y:scroll,小程序端可以显示滚动,app端(android)则无法滚动,解决方案:给要滚动的内容包裹一层scroll-view 如题。 分类: uniapp 好文要顶 关注我 收藏该文 微信分享 叶乘风 粉丝- 2 关注- 4 +加关注 0 0 升级成为会员 « 上一...
这里说的宽度,指的是左边,右边,中部弹出的场景,高度指的是顶部和底部弹出的场景(因为这两个场景宽度都是100%)。 uView提供了length来控制此种情况,此值可以是数值(单位rpx),auto,百分比等,内部会自动处理对应的逻辑。 如果为auto的时候,表示弹窗的宽度 | 高度由内容撑开。
- 修复 小程序中高度错误的bug ## 1.7.7(2022-03-17) - 修复 快速调用open出现问题的Bug ## 1.7.6(2022-02-14) 12 changes: 6 additions & 6 deletions 12 uni_modules/uni-popup/components/uni-popup/uni-popup.vue Original file line numberDiff line numberDiff line change @@ -189,7 +189,...
你好! type=" " 里面可以填 在[top,bottom,left,right,conter ] 分别为在上下左右中显示。 效果图: 如果不设置控件高度就会显示: 在方法里面写this.$refs.popup.open()就能调出弹出层了。 ...
通过将页面内容包裹在 <scroll-view> 标签中,并设置高度为100vh(即视口的高度),可以有效地防止Popup内容区域的滚动穿透。这种方法不需要额外的组件配置,非常简单。 关于page-meta page-meta 是一个用于指定页面属性和监听页面事件的组件,它可以部分替代 pages.json 的功能。它的引入使得在vue文件中配置页面属性成为可...
我们可以为`.unipopup`类名添加一些样式规则,比如指定宽度、高度、背景色、边框等。 css .unipopup { width: 300px; height: 200px; background-color: #fff; border: 1px solid #ccc; /*其他样式*/ } 此外,我们还可以使用绝对定位来控制弹出框的位置。通过设置`.unipopup`类名的`position`属性为`...