更新记录
v1.0.2(2022-01-19) 下载此版本
更新错误
v1.0.1(2022-01-19) 下载此版本
-uniapp悬浮球插件 -支持全局引入
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
Floatball 悬浮球
主要用于移动端app全局显示悬浮球,进行展示及跳转
使用方法:
①安装vuex
npm install vuex -D
③copy插件中mixins,并在项目main.js引入,如:
import mixin from './mixins/index.js'
Vue.use(mixin)
④copy插件中store,并在项目main.js引入,如:
import store from './store/index.js'
Vue.prototype.$store = store
const app = new Vue({
...App,
store
})
js调用示例:
1、在项目app.vue中调用显示方法
onLaunch: function() {
this.Mshow() //一定要写,要不然不显示
}
2、在需要显示的页面再次调用方法,如果全局均需显示直接再app.vue中onShow方法调用
onShow: function() {
this.Mshow()
}
方法:
名称 | 参数 | |
---|---|---|
Mshow | String | 传入跳转路径,例如:this.Mshow('/pages/index/message') |
Mhide |