uniapp - [全端兼容] 气泡菜单弹框组件，支持弹出框自动定位、插槽内容、对定位位置不满意可自行调控、是否开启遮罩层、弹出位置、小三角样式等（类似微信首页点击 + 号弹出的气泡菜单效果功能）_uniapp 气泡提示框

作者：空白诗007 | 2024-08-15 23:44:35

踩

uniapp 气泡提示框

网如果您需要微信小程序（原生）版本，请访问这篇文章。

本文 实现了 uniapp 全平台兼容的气泡弹框菜单插件，弹出的气泡准确定位并吸附在附近（并且还能手动微调），

支持 uniapp v2 / v3 版本，您可以直接复制代码，将插槽中的内容换成您想要的就行了。

如下图真机所示，您的 “触发元素” 在页面的任何位置都行，无需担心气泡弹框定位不准的问题，

另外，在任何手机电脑的不同屏幕尺寸下都能精准 “定位”，

示例代码干净整洁，注释详细

在这里插入图片描述

组件位置放在那里无所谓，后期确保正确引入即可。

在 components 文件夹下，新建 bubble 文件夹，

紧接着在里面再建一个 bubble.vue 文件

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/空白诗007/article/detail/985665