diff --git a/src/views/able/debounce.vue b/src/views/able/debounce.vue
index 0e361c0c5..5df193819 100644
--- a/src/views/able/debounce.vue
+++ b/src/views/able/debounce.vue
@@ -1,17 +1,12 @@
 <script setup lang="ts">
-import { ElMessage } from "element-plus";
+import { message } from "@/utils/message";
 import { debounce, throttle } from "@pureadmin/utils";
 
 defineOptions({
   name: "Debounce"
 });
 
-const handle = () => {
-  ElMessage({
-    message: "恭喜你，这是一条成功消息",
-    type: "success"
-  });
-};
+const handle = () => message("恭喜你，这是一条成功消息", { type: "success" });
 
 const immediateDebounce = debounce(handle, 1000, true);
 
diff --git a/src/views/able/qrcode.vue b/src/views/able/qrcode.vue
index 91f91c504..9da62435e 100644
--- a/src/views/able/qrcode.vue
+++ b/src/views/able/qrcode.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, unref } from "vue";
-import { ElMessage } from "element-plus";
+import { message } from "@/utils/message";
 import ReQrcode from "@/components/ReQrcode";
 
 defineOptions({
@@ -14,10 +14,10 @@ setTimeout(() => {
   asyncTitle.value = unref(qrcodeText);
 }, 3000);
 const codeClick = () => {
-  ElMessage.info("点击事件");
+  message("点击事件", { type: "info" });
 };
 const disabledClick = () => {
-  ElMessage.info("失效");
+  message("失效", { type: "info" });
 };
 </script>
 
diff --git a/src/views/list/card/components/DialogForm.vue b/src/views/list/card/components/DialogForm.vue
index f5aac5259..83037ecbe 100644
--- a/src/views/list/card/components/DialogForm.vue
+++ b/src/views/list/card/components/DialogForm.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
-import { ElMessage, FormInstance } from "element-plus";
+import { message } from "@/utils/message";
+import { FormInstance } from "element-plus";
 
 const SELECT_OPTIONS = [
   { label: "网关", value: 1 },
@@ -33,7 +34,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
   await formEl.validate(valid => {
     if (valid) {
-      ElMessage.success("提交成功");
+      message("提交成功", { type: "success" });
       formVisible.value = false;
       resetForm(formEl);
     }
diff --git a/src/views/list/card/index.vue b/src/views/list/card/index.vue
index 5aef55a00..29f4ae3f1 100644
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import Card from "./components/Card.vue";
 import { getCardList } from "@/api/list";
+import { message } from "@/utils/message";
+import { ElMessageBox } from "element-plus";
 import { ref, onMounted, nextTick } from "vue";
 import dialogForm from "./components/DialogForm.vue";
-import { ElMessage, ElMessageBox } from "element-plus";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
@@ -77,10 +78,7 @@ const handleDeleteItem = product => {
     }
   )
     .then(() => {
-      ElMessage({
-        type: "success",
-        message: "删除成功"
-      });
+      message("删除成功", { type: "success" });
     })
     .catch(() => {});
 };