diff --git a/src/components/customer-service-modal.vue b/src/components/customer-service-modal.vue
index 1ce6743..24cc2f4 100644
--- a/src/components/customer-service-modal.vue
+++ b/src/components/customer-service-modal.vue
@@ -1,15 +1,12 @@
 <template>
-  <a-modal v-bind="$attrs" >
-    <template #title>
-      扫描下面二维码联系客户
-    </template>
-    <div class="text-center">
+  <Modal title="扫描下面二维码联系客户" v-bind="$attrs">
+    <div class="text-center mt-16px mb-16px">
       <img width="200" src="@/assets/customer-service.svg" alt="" />
     </div>
-  </a-modal>
+  </Modal>
 </template>
 <script setup lang="ts">
-
+import Modal from '@/components/modal.vue';
 </script>
 <style lang="less">
 </style>