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

Overlay \u906E\u7F69\u5C42

\u4ECB\u7ECD

\u521B\u5EFA\u4E00\u4E2A\u906E\u7F69\u5C42\uFF0C\u901A\u5E38\u7528\u4E8E\u963B\u6B62\u7528\u6237\u8FDB\u884C\u5176\u4ED6\u64CD\u4F5C

\u5B89\u88C5

import { createApp } from 'vue';
// vue
import { OverLay } from '@nutui/nutui';
// taro
import { OverLay } from '@nutui/nutui-taro';

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

\u4EE3\u7801\u6F14\u793A

\u57FA\u7840\u7528\u6CD5

<nut-overlay v-model:visible="state.show" :z-index="2000"></nut-overlay>

\u5D4C\u5957\u5185\u5BB9

<nut-overlay v-model:visible="state.show2" :z-index="2000">
  <div class="wrapper">
    <div class="content">\u8FD9\u91CC\u662F\u6B63\u6587</div>
  </div>
</nut-overlay>

API

Props

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
v-model:visible	\u5F53\u524D\u7EC4\u4EF6\u662F\u5426\u663E\u793A	Boolean	`false`
z-index	\u906E\u7F69\u5C42\u7EA7	String, Number	`2000`
duration	\u52A8\u753B\u65F6\u957F\uFF0C\u5355\u4F4D\u79D2	String, Number	`0.3`
overlay-class	\u81EA\u5B9A\u4E49\u906E\u7F69\u7C7B\u540D	String	-
overlay-style	\u81EA\u5B9A\u4E49\u906E\u7F69\u6837\u5F0F	CSSProperties	-
lock-scroll	\u80CC\u666F\u662F\u5426\u9501\u5B9A	Boolean	`false`
close-on-click-overlay	\u662F\u5426\u70B9\u51FB\u906E\u7F69\u5173\u95ED	Boolean	`true`

Events

\u4E8B\u4EF6\u540D	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
click	\u70B9\u51FB\u65F6\u89E6\u53D1	event: Event

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