|
|
@@ -3,12 +3,15 @@
|
|
|
<el-dialog
|
|
|
:visible.sync="dialogVisible"
|
|
|
width="400px"
|
|
|
- :show-close="true"
|
|
|
+ :show-close="false"
|
|
|
:before-close="handleClose"
|
|
|
class="confirm_dialog_custom"
|
|
|
>
|
|
|
<div class="confirm_dialog_content">
|
|
|
- <h3 class="confirm_dialog_title">{{ title }}</h3>
|
|
|
+ <h3 class="confirm_dialog_title">
|
|
|
+ <span>{{ title }}</span>
|
|
|
+ <div class="modal-close" @click="handleClose">×</div>
|
|
|
+ </h3>
|
|
|
<p class="confirm_dialog_message">{{ message }}</p>
|
|
|
</div>
|
|
|
<div class="confirm_dialog_footer">
|
|
|
@@ -95,9 +98,28 @@ export default {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
margin-bottom: 16px;
|
|
|
- color: #333;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-close {
|
|
|
+ font-size: 24px;
|
|
|
+ color: #909399;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: color 0.3s;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
|
|
|
+.modal-close:hover {
|
|
|
+ /* color: #409eff; */
|
|
|
+ background-color: #f3f4f6;
|
|
|
+}
|
|
|
.confirm_dialog_message {
|
|
|
font-size: 14px;
|
|
|
line-height: 1.5;
|
