import{e as s,o as a,G as d}from"./vendor.js";const n={class:"markdown-body"},r=d(`

Toast \u5410\u53F8

\u4ECB\u7ECD

\u7528\u4E8E\u8F7B\u63D0\u793A\u3002

\u5B89\u88C5

import { createApp } from 'vue';
import { Toast } from '@nutui/nutui';

const app = createApp();
app.use(Toast);

\u4EE3\u7801\u6F14\u793A

\u5168\u5C40\u4F7F\u7528\u65B9\u5F0F

import { getCurrentInstance } from 'vue';

export default {
  setup() {
    const { proxy } = getCurrentInstance();
    proxy.$toast.text('\u5168\u5C40\u4F7F\u7528\u65B9\u5F0F');
    return {};
  },
};

\u6587\u5B57\u63D0\u793A

import { Toast } from '@nutui/nutui';

export default {
  setup() {
    Toast.text('\u7F51\u7EDC\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5~');
    return {};
  },
};

\u6210\u529F\u63D0\u793A

Toast.success('\u6210\u529F\u63D0\u793A');

\u5931\u8D25\u63D0\u793A

Toast.fail('\u5931\u8D25\u63D0\u793A');

\u8B66\u544A\u63D0\u793A

Toast.warn('\u8B66\u544A\u63D0\u793A');

\u52A0\u8F7D\u63D0\u793A

Toast.loading('\u52A0\u8F7D\u4E2D');

Toast\u4E0D\u6D88\u5931

Toast.text(msg,{
    duration:0
});

Loading\u5E26\u900F\u660E\u7F69

Toast.loading(msg,{
     cover:true
});

\u652F\u6301\u5728JS\u6A21\u5757\u4E2D\u5BFC\u5165\u4F7F\u7528

import { Toast } from "@nutui/nutui";
Toast.text('\u5728js\u6A21\u5757\u4E2D\u4F7F\u7528');
// \u8FD4\u56DE\u5B9E\u4F8B\uFF0C\u53EF\u4EE5\u624B\u52A8\u8C03\u7528\u5B9E\u4F8B\u4E2D\u7684hide\u65B9\u6CD5\u5173\u95ED\u63D0\u793A
const toast = Toast.loading('\u5728js\u6A21\u5757\u4E2D\u4F7F\u7528');
toast.hide();

API

\u65B9\u6CD5\u540D	\u8BF4\u660E	\u53C2\u6570	\u8FD4\u56DE\u503C
Toast.text	\u5C55\u793A\u6587\u5B57\u63D0\u793A	message\uFF5C options	toast \u5B9E\u4F8B(message\u652F\u6301\u4F20\u5165HTML)
Toast.success	\u5C55\u793A\u6210\u529F\u63D0\u793A	message\uFF5C options	toast \u5B9E\u4F8B
Toast.fail	\u5C55\u793A\u5931\u8D25\u63D0\u793A	message\uFF5C options	toast \u5B9E\u4F8B
Toast.warn	\u5C55\u793A\u8B66\u544A\u63D0\u793A	message\uFF5C options	toast \u5B9E\u4F8B
Toast.hide	\u5173\u95ED\u63D0\u793A	\u9ED8\u8BA4\u5173\u95ED\u6240\u6709\u5B9E\u4F8B\uFF0C\u53EF\u4F20id\u5173\u95ED\u6307\u5B9A\u5B9E\u4F8B	void
Toast.loading	\u5C55\u793A\u52A0\u8F7D\u63D0\u793A	message\uFF5C options	toast \u5B9E\u4F8B

Options

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
id	\u6807\u8BC6\u7B26\uFF0C\u76F8\u540C\u8005\u5171\u7528\u4E00\u4E2A\u5B9E\u4F8B loading\u7C7B\u578B\u9ED8\u8BA4\u4F7F\u7528\u4E00\u4E2A\u5B9E\u4F8B\uFF0C\u5176\u4ED6\u7C7B\u578B\u9ED8\u8BA4\u4E0D\u5171\u7528	String/Number	-
duration	\u5C55\u793A\u65F6\u957F\uFF08\u6BEB\u79D2\uFF09 \u503C\u4E3A 0 \u65F6\uFF0Ctoast \u4E0D\u4F1A\u81EA\u52A8\u6D88\u5931	Number	2000
center	\u662F\u5426\u5C55\u793A\u5728\u9875\u9762\u4E2D\u90E8\uFF08\u4E3Afalse\u65F6\u5C55\u793A\u5728\u5E95\u90E8\uFF09	Boolean	true
bottom	\u8DDD\u9875\u9762\u5E95\u90E8\u7684\u8DDD\u79BB\uFF08\u50CF\u7D20\uFF09\uFF0Coption.center\u4E3Afalse\u65F6\u751F\u6548	Number	30
textAlignCenter	\u591A\u884C\u6587\u6848\u662F\u5426\u5C45\u4E2D	Boolean	true
bgColor	\u80CC\u666F\u989C\u8272\uFF08\u900F\u660E\u5EA6\uFF09	String	\u201Crgba(0, 0, 0, 0.8)\u201D
customClass	\u81EA\u5B9A\u4E49\u7C7B\u540D	String	\u201C\u201D
icon	\u81EA\u5B9A\u4E49\u56FE\u6807\uFF0C\u652F\u6301\u56FE\u7247\u94FE\u63A5\u6216base64\u683C\u5F0F	String	\u201C\u201D
size	\u6587\u6848\u5C3A\u5BF8\uFF0Csmall/base/large\u4E09\u9009\u4E00	String	\u201Cbase\u201D
cover	\u662F\u5426\u663E\u793A\u906E\u7F69\u5C42	Boolean	false
cover-color	\u906E\u7F69\u5C42\u989C\u8272\uFF0C\u9ED8\u8BA4\u900F\u660E	String	\u201Crgba(0,0,0,0)\u201D
loadingRotate	loading\u56FE\u6807\u662F\u5426\u65CB\u8F6C\uFF0C\u4EC5\u5BF9loading\u7C7B\u578B\u751F\u6548	Boolean	true
on-close	\u5173\u95ED\u65F6\u89E6\u53D1\u7684\u4E8B\u4EF6	function	null
close-on-click-overlay	\u662F\u5426\u5728\u70B9\u51FB\u906E\u7F69\u5C42\u540E\u5173\u95ED\u63D0\u793A	Boolean	false
toast-style	\u63D0\u793A\u6846style	object	{}
toast-class	\u63D0\u793A\u6846class	String	\u201C\u201D

`,28),e=[r],i={setup(o,{expose:t}){return t({frontmatter:{}}),(p,c)=>(a(),s("div",n,e))}};export{i as default};