小程序 uView-ui u-popup打开关闭延迟问题

最新推荐文章于 2025-01-07 10:40:27 发布

原创最新推荐文章于 2025-01-07 10:40:27 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #前端

文章讨论了在uView-ui1.8.8版本中，安卓设备上弹窗打开存在延迟现象，原因是uPopup在启动时设置了一个250毫秒的过渡定时器。为优化体验，作者建议直接修改源码来调整或移除这个定时器。由于uPopup组件使用广泛，二次封装不实际。

uView-ui 为 1.8.8 版本，具体问题是在真机上时，点击打开弹窗会有几秒钟的延迟，很影响体验，这个问题暂时只在安卓机有出现

经过源码排查发现是uView-ui的popup在打开时会添加一个定时器，给一定的组件渲染时间，再让遮罩和弹窗的动画起作用，默认过渡时间是250毫秒

因为u-popup 用到的地方太多了，没办法二次封装，只能改动源码

具体改动：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

changeaDream

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp uview实现u-popup左侧弹起时铺满屏幕

高桥留de博客

12-12

2458

uniapp uview实现u-popup左侧弹起起时铺满屏幕

uniapp中，在父组件（tabBar页面）关闭子组件（子组件内嵌uni-popup弹出层组件）的实现思路

m0_46683572的博客

11-24

3663

项目开发中，在tabBar页面引用了封装好的用来展示列表数据的子组件，该子组件中包含了uni-ui中的uni-popup弹出层组件。点击列表中的“立即兑换”按钮，此时popup弹出层打开，当切换tabBar页面的时候，popup并不会被关闭。期望的结果是：切换tabBar页面，popup关闭。父组件（tabBar页面）中使用mixins，下面代码中，handleUp方法由子组件触发，解决方法就是将popup的open与close存起来传递给父组件，由父组件在合适的时机调用。

1 条评论您还未登录，请先登录后发表或查看评论

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。

热门推荐

qq_43807473的博客

05-10

3万+

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面跟着滚动。 uniapp 弹框禁止页面上下滚动

解决UIPopoverController弹出慢的问题

hungboy0的专栏

06-03

1092

我有一个UIPopoverController，其中有一个UIDatePicker，在设备上弹出需要1秒以上时间，在StackOver上找到一个与我一样的问题，解决方法如下：将 dateViewController.view = datePicker; 改为 [dateViewController.view addSubview:datePicker]; 参考地址

小程序up-popup在真机模式滚动失效怎么回事

08-28

在微信小程序中使用 `u-popup`（来自 [uView UI](https://www.egova.com.cn/)）时，如果在 `u-popup` 弹出层中放置可滚动内容（如 `<scroll-view>` 或 `<view>` + CSS 滚动），**在开发工具中可以滚动，但在真机上...

u-popup 点击空白不关闭弹窗

06-24

在uni-app中使用uView UI的u-popup组件时，实现点击空白区域（遮罩层）关闭弹窗，同时不影响内部元素的交互，可通过以下两种方法实现。核心原理是控制事件冒泡和组件属性配置。 #### 方法1：使用u-popup原生属性...

【多选picker】uniapp改造uview组件，改造picker为多选，适用uniapp和vue

pengpm的博客

03-23

4592

适用于平板或手机端的picker选择器，具备多选功能完全复制uview-ui的代码 origin-component/custom-picker/custom-picker.vue 改造了picker-view-column标签下的代码，之前只是文字形式，现在让叶子节点也就是最后一集级以复选框的形式展示，leafLevel是外面传进来的叶子节点的层级增加方法boxItemChange 监听checkbox的选择状态，并调用父组件的boxChange方法

uview popup弹窗被键盘撑起，但是未恢复到原位置

07-19

uView UI 框架的弹窗组件（`u-popup`）在某些场景下，例如键盘弹出时，可能会出现弹窗位置被顶起后无法恢复原位置的问题。这个问题通常出现在输入框位于弹窗内部，且页面本身或容器使用了 `scroll-view` 或者某些...

<u-popup :show="earningInfoItemModel.show" mode="bottom" closeable @close="handleCloseEarningInfoItemModel" > <scroll-view scroll-y="true" class="earningInfoItemWrap"> <statutoryFrom :formInfo="earningInfoItemData" :localKey="localKey" :isNew="isNew" :disabled="disabled" @earnings="handleSaveEarnings" :grandpa-relation-id="grandpaRelationId" :relation-list="columns.relationStatus" /> </scroll-view> </u-popup>

最新发布

11-15

我们可以给u-popup添加自定义类，然后通过深度选择器（注意小程序环境）或者使用u-popup提供的自定义样式属性（如果有的话）来调整内部样式。另外，关于u-popup内部使用u-checkbox-group的情况：如果u-popup内部...

小程序使用uview中的u-popup弹窗组件

A_z2019的博客

07-05

4614

【代码】小程序使用uview中的u-popup弹窗组件。

vue2解决uniapp使用uview的u-popup弹出层，遮罩下主页面还可以滑动问题

我愿化作繁星

10-24

1806

【代码】vue2解决uniapp使用uview的u-popup弹出层，遮罩下主页面还可以滑动问题。

Uniapp中uview2.0的u-popup与piker的优先级问题

VoiceMartha的博客

03-19

1269

背景：通过弹出层编写筛选代码。

uView 弹出层组件使用，u-popup、u-modal同时使用，弹出层看不见

m0_57087617的博客

05-14

1351

组件不显示

uview2 - u-popup弹出层

royya_buli的博客

02-18

1万+

uview2 - u-popup弹出层

简单的 u-popup 弹出框

weixin_54721820的博客

12-11

6937

uniapp中的popup组件可以用于弹出简单的提示框、操作框、菜单等。uni-popup组件的animation属性设置为pop-up，表示弹出动画效果为pop-up。uni-popup组件中的内容可以自定义，这里是一个简单的view标签，包含一些文字和按钮。uni-popup组件的position属性设置为"bottom"，表示从底部弹出。在需要的标签绑定了一个点击事件，点击按钮可以控制显示或隐藏uni-popup组件。uni-popup组件的show属性设置为true，表示显示遮罩层。

uniapp 微信小程序uview2.0 u-popup弹出层弹出在遮罩层不影响卡片正常勾选的情况下实现点击空白区域关闭弹层

徐飞的博客

01-07

938

uniapp 微信小程序uview2.0 u-popup弹出层弹出在遮罩层不影响卡片正常勾选的情况下实现点击空白区域关闭弹层

uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别！

caixuanji的博客

10-20

9181

uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别！文章目录 1.官网Popup 弹出层链接 2.属性不同 3.属性对照 4.弹出的方式 5.uView特有属性 1.官网Popup 弹出层链接 uni ui的官方地址：https://ext.dcloud.net.cn/plugin?id=329 uView ui的官方地址：http://uviewui.com/components/popup.html 2.属性不同 uni ui的官网上提供了3个属性：如图

uView picker第二次才能选中延迟导致选中问题

gxdzi的博客

10-13

1461

immediateChange:是否在手指松开时立即触发change事件。若不开启则会在滚动动画结束后触发change事件，只在微信2.21.1及以上有效。