Admin.UI/src/components/element-ui/my-el-dialog/index.vue

（开头部分） 5KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <transition
    name="dialog-fade"
    @after-enter="afterEnter"
    @after-leave="afterLeave"
  >
    <div
      v-show="visible"
      class="el-dialog__wrapper"
      @click.self="handleWrapperClick"
    >
      <div
        :key="key"
        ref="dialog"
        role="dialog"
        aria-modal="true"
        :aria-label="title || 'dialog'"
        :class="['el-dialog', { 'is-fullscreen': fullscreen, 'el-dialog--center': center }, customClass]"
        :style="style"
      >
        <my-container   
          header-style="padding:0px;" 
          footer-style="padding:0px;"
        >
          <template #header>
            <div class="el-dialog__header" @dblclick="handleMaximize">
              <slot name="title">
                <span class="el-dialog__title">{{ title }}</span>
              </slot>
              <div class="el-dialog__headertool">
                <i
                  v-if="showMaximize"
                  type="button"
                  aria-label="Maximize"
                  @click="handleMaximize"
                  :class="['el-dialog__close', 'el-icon', fullscreen ? 'el-icon-copy-document' : 'el-icon-full-screen']" 
                />
                <i
                  v-if="showClose"
                  type="button"
                  aria-label="Close"
                  @click="handleClose"
                  class="el-dialog__close el-icon el-icon-close" 
                />
              </div>
            </div>
          </template>
          <div v-if="rendered" class="el-dialog__body"><slot /></div>
          <template #footer>
            <div v-if="$slots.footer" class="el-dialog__footer">
              <slot name="footer" />
            </div>
          </template>
        </my-container>
      </div>
    </div>
  </transition>
</template>

<script>
后面还有 202 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。