no message

src/components/xDialog/index.vue

@@ -3,7 +3,7 @@
 -->
 <template>
 	<div class="x-dialog" ref="xDialog">
-		<el-dialog ref="dialog" align-center destroy-on-close v-model="dialogVisible" :fullscreen="isFullscreen" v-bind="$attrs" :show-close="false">
+		<el-dialog ref="dialog" align-center destroy-on-close v-model="dialogVisible" :style="{ '--el-dialog-padding-primary': padding + 'px' }" :fullscreen="isFullscreen" v-bind="$attrs" :show-close="false">
 			<template #header>
 				<slot name="header">
 					<span class="el-dialog__title">{{ title }}</span>
@@ -33,6 +33,7 @@
 		props: {
 			modelValue: { type: Boolean, default: false },
 			title: { type: String, default: "" },
+			padding: { type: Number, default: 0 },
 			showClose: { type: Boolean, default: true },
 			showFullscreen: { type: Boolean, default: true },
 			loading: { type: Boolean, default: false }
@@ -40,7 +41,8 @@
 		data() {
 			return {
 				dialogVisible: false,
-				isFullscreen: false
+				isFullscreen: false,
+				// padding:50,
 			}
 		},
 		watch:{
@@ -71,8 +73,8 @@
 	
 	.x-dialog__headerbtn {
 		position: absolute;
-		top: var(--el-dialog-padding-primary);
-		right: var(--el-dialog-padding-primary);
+		top: 20px;
+		right: 10px;
 	}
 
 	.x-dialog__headerbtn button {
@@ -110,7 +112,7 @@
 	.x-dialog:deep(.el-dialog) .el-dialog__body {
 		flex:1;
 		overflow: auto;
-		padding:0px
+		padding: var(--el-dialog-padding-primary);
 	}
 
 	.x-dialog:deep(.el-dialog) .el-dialog__footer {

src/views/user/index/save.vue

@@ -1,5 +1,5 @@
 <template>
-	<x-dialog :title="titleMap[mode]"  v-model="visible" :width="500" destroy-on-close @closed="$emit('closed')">
+	<x-dialog :title="titleMap[mode]"  v-model="visible" width="500" padding="20" destroy-on-close @closed="$emit('closed')">
 		<el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="100px" label-position="left">
 			<el-form-item label="头像" prop="avatar">
 				<x-upload v-model="form.avatar" title="上传头像"></x-upload>