////////////// dialog 弹出框滑动效果//////////////////////////

css
.dialog-fade-enter-active .el-dialog.dialogStyle{
    animation: anim-open .3s;
    // animation-timing-function: cubic-bezier(0.6,0,0.4,1)
  }
  .dialog-fade-leave-active .el-dialog.dialogStyle{
    animation: anim-close .3s;
    // animation-timing-function: cubic-bezier(0.6,0,0.4,1)
  }

  @keyframes anim-open {
    0% {
      transform: translate3d(100%, 0, 0);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes anim-close {
    0% {
      transform: translate3d(0, 0, 0);
      opacity: 0.8;
    }
    100% {
      transform: translate3d(100%, 0, 0);
      opacity: 0;
    }
  }
  html
  <el-dialog v-el-drag-dialog :close-on-click-modal="false" :visible.sync="systemdialog" append-to-body width="551px" :title="$t('v_gis.systemInfo')" custom-class="dialogStyle">