feat:弹框修改

@@ -3,11 +3,18 @@
     <div class="el-message-box__wrapper" tabindex="-1" v-show="visible" @click.self="handleWrapperClick" role="dialog"
       aria-modal="true" :aria-label="title || 'dialog'">
       <div class="el-message-box" :class="[customClass, center && 'el-message-box--center']">
-        <div class="el-message-box__content">
-          <div class="el-message-box__container">
-            <div v-if="title !== ''" class="message-title">标题：{{ title }}</div>
-            <div v-if="message !== ''" class="richText" v-html="message"></div>
+        <div class="el-message-box__header" v-if="title !== null">
+          <div class="el-message-box__title">
+            <span>标题：{{ title }}</span>
           </div>
+          <button type="button" class="el-message-box__headerbtn" aria-label="Close" v-if="showClose"
+            @click="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"
+            @keydown.enter="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')">
+            <i class="el-message-box__close el-icon-close"></i>
+          </button>
+        </div>
+        <div class="el-message-box__content">
+          <div v-if="message !== ''" class="richText" v-html="message"></div>
         </div>
         <div class="el-message-box__btns">
           <el-button :loading="cancelButtonLoading" :class="[cancelButtonClasses]" :round="roundButton" size="small"
@@ -283,4 +290,8 @@ export default {
   width: 100%;
   height: 100%;
 }
+
+/deep/.el-message-box__content {
+  padding-top: 0;
+}
 </style>
\ No newline at end of file

 <template>
-  <transition name="dialog-fade" mode="out-in" v-if="myShow">
+  <transition name="msgbox-fade" v-if="myShow">
     <div class="ls-mask" v-loading="loading">
       <div class="ls-mask-window" :style="{ 'width': width }">
         <div class="ls-head">
@@ -51,9 +51,7 @@ export default {
     isShow (newValue) {
       this.editItem = this.loadViewFn(this.editItem)
       document.body.appendChild(this.$el);
-      this.$nextTick(() => {
-        this.myShow = newValue
-      })
+      this.myShow = newValue
     }
   },
   mounted () {