【uniapp】悬浮球(floatball)全局组件——全局消息提醒功能
已将前期写的全局组件(消息提醒)封装完毕,上传至uniapp组件库。组件能够全局显示,不用每个组件都引用。此组件只适用于app端。组件地址:添加链接描述Floatball 悬浮球主要用于移动端app全局显示悬浮球,进行展示及跳转使用方法:①安装vuexnpm install vuex -D③copy插件中mixins,并在项目main.js引入,如:import mixin from './mix
·
已将前期写的全局组件(消息提醒)封装完毕,上传至uniapp组件库。组件能够全局显示,不用每个组件都引用。此组件只适用于app端。
组件地址:添加链接描述
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 |
更多推荐
已为社区贡献1条内容
所有评论(0)