elementui实现仿windows系统弹窗

你可以使用 ElementUI 的 Dialog 组件来实现仿 Windows 系统弹窗。

首先，你需要在你的页面引入 ElementUI 的样式和 JS 文件。

<!-- 引入 ElementUI 样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<!-- 引入 ElementUI JS 文件 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

然后，你可以在 Vue 实例中使用 Dialog 组件来创建弹窗。

<template>
  <div>
    <el-button @click="showDialog">打开弹窗</el-button>
    <el-dialog :visible.sync="dialogVisible" title="弹窗标题">
      <p>这是弹窗内容</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    }
  }
}
</script>

在上面的代码中，我们使用了一个 el-button 来触发打开弹窗的事件，然后在 el-dialog 中定义了弹窗的标题和内容，通过 v-model 双向绑定来控制弹窗的显示和隐藏。

如果你想要实现更多的功能，比如添加按钮、自定义样式等，可以参考 ElementUI 的官方文档。