+
95
-

uniapp如何实现全局消息顶部通知栏效果?

uniapp如何实现全局消息顶部通知栏效果?

兼容app、小程序、h5,而且还能覆盖video等原生控件

网友回复

+
15
-

可以下载这个插件

https://ext.dcloud.net.cn/plugin?name=uni-popup

记得import一下

<template>
	<view>
		<button style="background-color: #4cd964;" @click="toggleMessage('success')">成功</button>
		<button style="background-color: #dd524d;" @click="toggleMessage('error')">错误</button>
		<button style="background-color: #f0ad4e;" @click="toggleMessage('warn')">警告</button>
		<button style="background-color: #909399;" @click="toggleMessage('info')">信息</button>
		<!-- 消息提示 -->
		<uni-popup ref="popupMessage" type="message">
			<uni-popup-message :type="msgType" :message="message" :duration...

点击查看剩余70%

我知道答案,我要回答