iview的Modal垂直居中

<Modal
  v-model="receiveUserList"
  title="确认完成"
  footer-hide
  width="350"
  :height="650"
  style="top: 20px;"
  class-name="vertical-center-modal"
>
  <ul class="shift_box">
     <li class="float_left yrn">
        <Button @click="handleNo()">取消</Button>
        <Button type="primary" @click="handleClose()">确定</Button>
      </li>
  </ul>
</Modal>

.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;

  .ivu-modal {
    top: 0;
  }
}