弹出框 es-window

有确认，取消的选择功能的弹出框

示例代码

<script setup>
import { ref } from "vue";
const showWindow = ref();
</script>

<template>
  <es-button @click="showWindow = !showWindow">创建window</es-button>
  <es-window
    :show="showWindow"
    :title="'window面板'"
    :okText="'确认'"
    :cancelText="'取消'"
    :onlyButton="false"
    :readonly="false"
    :width="700"
    :height="400"
    :isFocus="true"
    @cancel="showWindow = false"
    @ok="changOk"
    :background="'rgba(0, 1, 50, 0.5)'"
    :btnBackground="'rgba(1, 1, 50, 0.5)'"
  >
    <div style="color: black">内容</div>
  </es-window>
</template>

Attributes

属性名	说明	类型	默认值
title	标题	string	设置
width	宽度	number	700
height	高度	number	400
cancelText	左边按钮文本	string	取消
okText	右边按钮文本	string	确认
isFocus	窗口是否主焦	boolean	true