import{o as t,c as s,a as e,b as l}from"./index.7556f252.js";const a={class:"markdown-body"},o=e("fieldset",{class:"layui-elem-field layui-field-title"},[e("legend",null,"\u5B89\u88C5")],-1),i=e("p",null,"\u901A\u8FC7 npm \u5DE5\u5177\u5B89\u88C5 :",-1),c=e("div",{class:"language-"},[e("pre",null,[e("code",{"v-pre":""},`npm install @layui/layer-vue
`)])],-1),p=e("p",null,"\u5728 main.ts \u5B8C\u6210 layer-vue \u7684\u6CE8\u518C, \u5E76\u5BFC\u5165 css \u6587\u4EF6 :",-1),r=e("div",{class:"language-"},[e("pre",null,[e("code",{"v-pre":""},`import App from './App';
import { createApp } from 'vue';
import layer from '@layui/layer-vue';
import '@layui/layer-vue/lib/index.css';

const app = createApp(App);

app.use(layer).mount('#app');
`)])],-1),u=e("fieldset",{class:"layui-elem-field layui-field-title"},[e("legend",null,"\u573A\u666F")],-1),d=e("p",null,"\u56E0 layer-vue \u53EF\u4EE5\u72EC\u7ACB\u4F7F\u7528\uFF0C\u4E5F\u53EF\u4EE5\u5728 layui-vue \u4E2D\u4F7F\u7528\u3002\u6240\u4EE5\u8BF7\u6309\u7167\u4F60\u7684\u5B9E\u9645\u9700\u6C42\u6765\u9009\u62E9\u3002",-1),_=e("p",null,"\u5982\u679C\u4F60\u60F3\u72EC\u7ACB\u4F7F\u7528 layer-vue, \u4F60\u9700\u8981\u901A\u8FC7 npm \u5B89\u88C5\u3002\u5982\u679C\u4F60\u4F7F\u7528\u7684\u662F layui-vue, \u90A3\u4E48\u4F60\u65E0\u9700\u5B89\u88C5 layer-vue, \u5DF2\u5185\u7F6E\u3002",-1),y=e("fieldset",{class:"layui-elem-field layui-field-title"},[e("legend",null,"\u5165\u95E8")],-1),m=e("p",null,[l("\u6211\u4EEC\u63D0\u4F9B "),e("code",null,"layer"),l(" \u51FD\u6570\u6765\u521B\u5EFA\u5F39\u51FA\u5C42 :")],-1),v=e("div",{class:"language-"},[e("pre",null,[e("code",{"v-pre":""},`<template>
  <button type="button" @click="open">\u6253\u5F00</button>
</template>

<script setup>
import { layer } from "@layui/layer-vue";

const open = function () {
  layer.open({title:"\u6807\u9898", content: "\u5185\u5BB9"});
};
<\/script>
`)])],-1),f=e("p",null,[l("\u4F46\u5728\u8F83\u4E3A\u590D\u6742\u7684\u5E94\u7528\u573A\u666F\u4E2D, "),e("code",null,"lay-layer"),l(" \u662F\u4E00\u4E2A\u66F4\u597D\u7684\u9009\u62E9 :")],-1),h=e("div",{class:"language-"},[e("pre",null,[e("code",{"v-pre":""},`<template>
  <button @click="changeVisible">\u663E\u793A/\u9690\u85CF</button>
  <lay-layer v-model="visible">
    content
  </lay-layer>
</template>

<script setup>
import { ref } from "vue";

const visible = ref(false);

const changeVisible = () => {
  visible.value = !visible.value;
}
<\/script>
`)])],-1),b=[o,i,c,p,r,u,d,_,y,m,v,f,h],V={},B={__name:"index",setup(g,{expose:n}){return n({frontmatter:{}}),(k,x)=>(t(),s("div",a,b))}};export{B as default,V as frontmatter};