diff --git a/src/components/PageModal/index.vue b/src/components/PageModal/index.vue
index f371bd50..991dcf7c 100644
--- a/src/components/PageModal/index.vue
+++ b/src/components/PageModal/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- drawer -->
-  <template v-if="props.modalConfig.component === 'drawer'">
+  <template v-if="modalConfig.component === 'drawer'">
     <el-drawer
       v-model="modalVisible"
       :append-to-body="true"
diff --git a/src/views/demo/curd/config/edit.ts b/src/views/demo/curd/config/edit.ts
index 63664d68..2f7d4cb7 100644
--- a/src/views/demo/curd/config/edit.ts
+++ b/src/views/demo/curd/config/edit.ts
@@ -5,10 +5,10 @@ import type { IModalConfig } from "@/components/PageModal/index.vue";
 const modalConfig: IModalConfig<UserForm> = {
   pageName: "sys:user",
   pk: "id",
-  dialog: {
+  component: "drawer",
+  drawer: {
     title: "修改用户",
-    width: 800,
-    draggable: true,
+    size: 300,
   },
   formAction: function (data) {
     return UserAPI.update(data.id as number, data);