uniapp的app项目,添加全局弹窗

项目需求:需要每隔半个小时,获取硬件的电量,如果电量低于20%,弹窗提示。

在APP.vue中增加了mixins,在mixins中实现每隔半小时获取电量的工作。

但是全局弹窗怎么做,之前确实不清楚。

1、刚开始想着直接在APP.vue中定义弹窗,或者组件引入,但是发现app.vue中定义弹窗不行。

2、后来又想直接去插件市场找个插件,刚开始找了如下的,在h5可以运行,但是app可能是我写的不对,有点问题。

3、后来去uniapp官网,直接搜索全局弹窗,找到了一个,点击进去,她有例子,点击例子链接

其中对应的例子,就是

可以下载参考,它是直接把弹窗配置到了package.json中,然后在对应的地方跳转,

跳转到的弹窗页面,注意设置背景page {

background: transparent;

}

至此,就实现了全局弹窗,再次总结:

1、在app.vue中定义mixins,将需要的公共操作放进来。

2、将弹窗定义到package.json中,具体配置如下

3、在对应的需要弹窗的地方,设置事件,用跳转的方式显示弹窗

4、在弹窗的页面,设置背景样式

相关推荐
星光一影3 小时前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
A腿长一米二3 小时前
【uniapp问题还是我的认知问题】
uni-app
2501_915909067 小时前
网络调试工具推荐 Fiddler抓包工具使用教程与代理设置详解(HTTP/HTTPS配置与实战技巧)
网络·http·ios·小程序·fiddler·uni-app·webview
焚 城10 小时前
uniapp实现PDF的预览
pdf·uni-app
一路向前的月光10 小时前
uniapp(1)
uni-app
遗憾随她而去.10 小时前
uniapp 实现一个底部悬浮面板
uni-app
Aress"13 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
song85460113413 小时前
uniapp如何集成第三方库
开发语言·uni-app
东芃939413 小时前
uniapp上传blob对象到后台
前端·javascript·uni-app
Aress"15 小时前
uniapp 生成二维码图片[APP+H5+小程序等 全端适配]
小程序·uni-app