m-toast 提示框

简述

提示框，用于短暂显示提示信息。

注意

请以 uni_modules/m-unix 与本文为准；各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力（相册、定位、剪贴板、手机号等）需在 manifest 与后台完成配置。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

演示地址

与线上 H5 演示基座 分包一致（文档站右下角预览 iframe 亦指向同一路径）。

类型	地址
分包路径	pages_demo/toast/toast
线上 H5（hash）	打开演示

基本使用

<template>
	<view>
		<m-toast
			:show="show"
			text="操作成功"
		></m-toast>
	</view>
</template>

Props

参数	说明	类型	默认值
show	是否显示	boolean	false
text	提示文字	string	''
icon	图标 URL	string	''
position	位置 center / top / bottom	string	center
mask	是否显示遮罩	boolean	false

示例

文字提示

<m-toast :show="show" text="这是提示"></m-toast>

带图标

<m-toast
	:show="show"
	text="成功"
	icon="https://example.com/success.png"
></m-toast>

底部显示

<m-toast
	:show="show"
	text="提示"
	position="bottom"
></m-toast>

带遮罩

<m-toast
	:show="show"
	text="加载中..."
	mask
></m-toast>