<template>
    <el-dialog class="datav-border el-zoom-in-center" :visible.sync="visible"
               :close-on-press-escape='false'
               :close-on-click-modal="false"
               :append-to-body="true"
               top="25vh"
               @close="close">
        <div class="full" >
          <div style="height: 50px;width: 10%"></div>
          <slot></slot>
        </div>
    </el-dialog>
</template>

<script>
    export default {
        name: "myDialog",
        data(){
          return {
            visible: false
          }
        },
      methods: {
          close(){
            this.$emit("close",{});
          },
          show(){
            this.visible = true;
          },
          hide(){
            this.visible = false;
          },
      },
    }
</script>

<style scoped>
  .full{
    width: 100%;
    height: 100%;
  }
  .datav-border{
    /*animation: widthmore 2s;*/
  }
  @keyframes widthmore {
    from{ width: 0}
    to{ width: 50%}
  }
  /deep/  .el-dialog .el-form-item__label {
     text-align: right;
     vertical-align: middle;
     float: left;
     font-size: 14px;
     color: #929695;
     line-height: 40px;
     padding: 0 12px 0 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
  /deep/ .el-input__inner {
    -webkit-appearance: none;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #747474;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #cfcfcf;
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
  }
  /deep/.el-input-group__append, .el-input-group__prepend {
    background-color: transparent;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 0px solid #2e746b;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
  }
  /deep/ .el-color-picker__trigger {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer;
  }
</style>
