更新记录
1.0.0(2023-05-19) 下载此版本
发布插件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
介绍
本插件是android原生Component插件,全局的悬浮组件,支持跨页面悬浮。
注意:
- 本插件是借用
nvue
的能力实现的,所有只能在nvue
的页面使用,同时生命周期也是跟随页面的生命周期,如果页面关闭了,组件也会销毁。 - 本插件适配性未知,但不能低于android 5.0
- 已知问题
position: fixed;
和v-if
不能同时使用
方法:
-
show(); 开启悬浮
-
hide(); 隐藏
例:
<xzh-float-view ref="floatView"> <view style="width: 450rpx; height: 300rpx;"></view> </xzh-float-view>
// 开启悬浮 this.$refs.floatView.show(); // 隐藏 this.$refs.floatView.hide();
具体使用方法请看插件包的float-view.nvue页面