diff --git a/core/core-frontend/src/assets/svg/top-enterprise-trial.svg b/core/core-frontend/src/assets/svg/top-enterprise-trial.svg
new file mode 100644
index 0000000000..810340f42a
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/top-enterprise-trial.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 2.63514C4 2.00822 4.49403 1.5 5.10345 1.5L15.0674 1.5C15.2129 1.5 15.3526 1.55913 15.4559 1.66452L19.8367 6.13257C19.9412 6.23915 20 6.38425 20 6.53562V21.3649C20 21.9918 19.506 22.5 18.8966 22.5H5.10345C4.49403 22.5 4 21.9918 4 21.3649L4 2.63514Z" fill="#14C0FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2947 1.55029C15.3541 1.5779 15.4088 1.61637 15.456 1.66447L19.8368 6.13253C19.8908 6.18764 19.9327 6.25304 19.9604 6.32428H16.3981C15.7887 6.32428 15.2947 5.81607 15.2947 5.18915V1.55029Z" fill="#72D9FF"/>
+<path d="M12 10C11.7239 10 11.5 10.2239 11.5 10.5V13.5H8.5C8.22386 13.5 8 13.7239 8 14C8 14.2761 8.22386 14.5 8.5 14.5H11.5V17.5C11.5 17.7761 11.7239 18 12 18C12.2761 18 12.5 17.7761 12.5 17.5V14.5H15.5C15.7761 14.5 16 14.2761 16 14C16 13.7239 15.7761 13.5 15.5 13.5H12.5V10.5C12.5 10.2239 12.2761 10 12 10Z" fill="white"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/top-help-doc.svg b/core/core-frontend/src/assets/svg/top-help-doc.svg
new file mode 100644
index 0000000000..1be5f64387
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/top-help-doc.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 2.5C4 1.94772 4.44772 1.5 5 1.5H14.8608C14.9949 1.5 15.1234 1.55387 15.2174 1.64951L19.8566 6.36941C19.9485 6.46292 20 6.58879 20 6.7199V21.5C20 22.0523 19.5523 22.5 19 22.5H5C4.44772 22.5 4 22.0523 4 21.5V2.5Z" fill="#3370FF"/>
+<path d="M15 1.51978C15.0817 1.54345 15.1567 1.58778 15.2174 1.64952L19.8566 6.36942C19.8946 6.40806 19.9256 6.45223 19.949 6.50001H16.1351C15.5082 6.50001 15 5.99179 15 5.36488V1.51978Z" fill="#85A9FF"/>
+<path d="M8.07282 10.1819H15.6546C15.745 10.1819 15.8183 10.2551 15.8183 10.3455V11.1092C15.8183 11.1995 15.745 11.2728 15.6546 11.2728H8.07282C7.98244 11.2728 7.90918 11.1995 7.90918 11.1092V10.3455C7.90918 10.2551 7.98244 10.1819 8.07282 10.1819ZM8.07282 13.4546H15.6546C15.745 13.4546 15.8183 13.5279 15.8183 13.6182V14.3819C15.8183 14.4723 15.745 14.5455 15.6546 14.5455H8.07282C7.98244 14.5455 7.90918 14.4723 7.90918 14.3819V13.6182C7.90918 13.5279 7.98244 13.4546 8.07282 13.4546ZM8.07282 16.7273H12.1092C12.1996 16.7273 12.2728 16.8006 12.2728 16.891V17.6546C12.2728 17.745 12.1996 17.8182 12.1092 17.8182H8.07282C7.98244 17.8182 7.90918 17.745 7.90918 17.6546V16.891C7.90918 16.8006 7.98244 16.7273 8.07282 16.7273Z" fill="white"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/top-product-bbs.svg b/core/core-frontend/src/assets/svg/top-product-bbs.svg
new file mode 100644
index 0000000000..542e257f10
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/top-product-bbs.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 11C17 10.4477 17.4477 10 18 10H22C22.5523 10 23 10.4477 23 11V19C23 19.5523 22.5523 20 22 20H19.9142L18.7071 21.2071C18.3166 21.5976 17.6834 21.5976 17.2929 21.2071L16.0858 20H11C10.4477 20 10 19.5523 10 19V15C10 14.4477 10.4477 14 11 14H17V11ZM19 12V15C19 15.5523 18.5523 16 18 16H12V18H16.5C16.7652 18 17.0196 18.1054 17.2071 18.2929L18 19.0858L18.7929 18.2929C18.9804 18.1054 19.2348 18 19.5 18H21V12H19Z" fill="#FFB866"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2C1.44772 2 1 2.44772 1 3V15C1 15.5523 1.44772 16 2 16H4.08579L5.79289 17.7071C6.18342 18.0976 6.81658 18.0976 7.20711 17.7071L8.91421 16H18C18.5523 16 19 15.5523 19 15V3C19 2.44772 18.5523 2 18 2H2ZM7 9C7 9.55228 6.55228 10 6 10C5.44772 10 5 9.55228 5 9C5 8.44772 5.44772 8 6 8C6.55228 8 7 8.44772 7 9ZM11 9C11 9.55228 10.5523 10 10 10C9.44772 10 9 9.55228 9 9C9 8.44772 9.44772 8 10 8C10.5523 8 11 8.44772 11 9ZM15 9C15 9.55228 14.5523 10 14 10C13.4477 10 13 9.55228 13 9C13 8.44772 13.4477 8 14 8C14.5523 8 15 8.44772 15 9Z" fill="#FF8800"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/top-tech-video.svg b/core/core-frontend/src/assets/svg/top-tech-video.svg
new file mode 100644
index 0000000000..c184dcb7e3
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/top-tech-video.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1C18.075 1 23 5.925 23 12C23 18.075 18.075 23 12 23C5.925 23 1 18.075 1 12C1 5.925 5.925 1 12 1ZM9.869 7C9.63898 7.00035 9.41817 7.0904 9.2535 7.251C9.0905 7.411 8.999 7.6275 9 7.853V16.148C9 16.3075 9.046 16.4635 9.132 16.5995C9.2552 16.7922 9.44972 16.9283 9.673 16.978C9.898 17.029 10.134 16.9905 10.3295 16.8705L17.092 12.7235C17.346 12.5665 17.5 12.2935 17.5 12C17.5 11.7065 17.346 11.434 17.092 11.2765L10.33 7.13C10.1912 7.0451 10.0317 6.99978 9.869 7Z" fill="#FFC60A"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/top-technology.svg b/core/core-frontend/src/assets/svg/top-technology.svg
new file mode 100644
index 0000000000..f9ae658e95
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/top-technology.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.04762 2.04768H7V6.00024C7 6.55253 7.44772 7.00024 8 7.00024H16C16.5523 7.00024 17 6.55253 17 6.00025V2.04768L19.9524 2.04761C20.671 2.04761 21 2.45202 21 3.09526V21.9523C21 22.5949 20.671 23 19.9524 23L4.04762 23C3.32895 23 3 22.5956 3 21.9524V3.09529C3 2.45275 3.32895 2.04768 4.04762 2.04768ZM7.52376 11.0002C7.23447 11.0002 6.99995 11.2347 6.99995 11.524V12.5716C6.99995 12.8609 7.23447 13.0954 7.52376 13.0954H16.4761C16.7654 13.0954 16.9999 12.8609 16.9999 12.5716V11.524C16.9999 11.2347 16.7654 11.0002 16.4761 11.0002H7.52376ZM7.52376 15.9999C7.23447 15.9999 6.99995 16.2344 6.99995 16.5237V17.5713C6.99995 17.8606 7.23447 18.0951 7.52376 18.0951H16.7618C17.0511 18.0951 17.2856 17.8606 17.2856 17.5713V16.5237C17.2856 16.2344 17.0511 15.9999 16.7618 15.9999H7.52376Z" fill="#00D6B9"/>
+<path d="M9.5 1C9.22386 1 9 1.22386 9 1.5V4.5C9 4.77614 9.22386 5 9.5 5H14.5C14.7761 5 15 4.77614 15 4.5V1.5C15 1.22386 14.7761 1 14.5 1H9.5Z" fill="#66E6D5"/>
+</svg>
diff --git a/core/core-frontend/src/layout/components/TopDoc.vue b/core/core-frontend/src/layout/components/TopDoc.vue
index ee2bb5c3ed..c1c0764f2d 100644
--- a/core/core-frontend/src/layout/components/TopDoc.vue
+++ b/core/core-frontend/src/layout/components/TopDoc.vue
@@ -8,14 +8,14 @@ const openBlank = () => {
 }
 
 const cardInfoList = [
-  { name: '帮助文档', url: 'https://dataease.io/docs/index.html', icon: 'top-doc-default' },
-  { name: '产品论坛', url: 'https://bbs.fit2cloud.com/c/de/6', icon: 'top-doc-default' },
+  { name: '帮助文档', url: 'https://dataease.io/docs/index.html', icon: 'top-help-doc' },
+  { name: '产品论坛', url: 'https://bbs.fit2cloud.com/c/de/6', icon: 'top-product-bbs' },
   {
     name: '技术博客',
     url: 'https://blog.fit2cloud.com/categories/dataease',
-    icon: 'top-doc-default'
+    icon: 'top-technology'
   },
-  { name: '企业版试用', url: 'https://jinshuju.net/f/TK5TTd', icon: 'top-doc-default' }
+  { name: '企业版试用', url: 'https://jinshuju.net/f/TK5TTd', icon: 'top-enterprise-trial' }
 ]
 </script>