diff --git a/src/assets/images/chat/order.webp b/src/assets/images/chat/order.webp
new file mode 100644
index 0000000..c7a01fe
Binary files /dev/null and b/src/assets/images/chat/order.webp differ
diff --git a/src/assets/images/chat/rights‌.webp b/src/assets/images/chat/rights‌.webp
new file mode 100644
index 0000000..0dd3773
Binary files /dev/null and b/src/assets/images/chat/rights‌.webp differ
diff --git a/src/assets/images/chat/todo.webp b/src/assets/images/chat/todo.webp
new file mode 100644
index 0000000..aa769d6
Binary files /dev/null and b/src/assets/images/chat/todo.webp differ
diff --git a/src/components/abstract.vue b/src/components/abstract.vue
index abf7584..6f1c3cb 100644
--- a/src/components/abstract.vue
+++ b/src/components/abstract.vue
@@ -3,14 +3,13 @@ import { ref, onMounted, onActivated, computed, inject } from 'vue';
 import { Post } from '@/utils/https'
 import { messageSend } from '@/utils/api'
 import { getHiddenProp, getVisibilityState, decryptByVersionNo1, decodeEntryOpenid, isSit, Encrypt, isDev, isProd } from "@/utils";
-import orderIcon from '@/assets/images/chat/order.svg'
-import todoIcon from '@/assets/images/chat/todo.svg'
-import rightsIcon from '@/assets/images/chat/rights‌.svg'
+import orderIcon from '@/assets/images/chat/order.webp'
+import todoIcon from '@/assets/images/chat/todo.webp'
+import rightsIcon from '@/assets/images/chat/rights‌.webp'
 const store = inject('appStore', null)
 const businessHandleInfo = ref({})
 const orderCount = ref(0)
 const emit = defineEmits(['ready', 'businessClick'])
-console.log(import('@/assets/images/chat/todo.svg'), 11);
 const abstractList = computed(() => [
   {
     title: '保障状态',