diff --git a/src/assets/images/productCenter/components.png b/src/assets/images/productCenter/components.png
new file mode 100644
index 0000000..0e31f01
Binary files /dev/null and b/src/assets/images/productCenter/components.png differ
diff --git a/src/assets/images/productCenter/docs.png b/src/assets/images/productCenter/docs.png
new file mode 100644
index 0000000..0de7255
Binary files /dev/null and b/src/assets/images/productCenter/docs.png differ
diff --git a/src/assets/images/productCenter/logo.png b/src/assets/images/productCenter/logo.png
new file mode 100644
index 0000000..da6eb82
Binary files /dev/null and b/src/assets/images/productCenter/logo.png differ
diff --git a/src/assets/images/productCenter/materials.png b/src/assets/images/productCenter/materials.png
new file mode 100644
index 0000000..38a0c0a
Binary files /dev/null and b/src/assets/images/productCenter/materials.png differ
diff --git a/src/assets/images/productCenter/products.png b/src/assets/images/productCenter/products.png
new file mode 100644
index 0000000..9bb3939
Binary files /dev/null and b/src/assets/images/productCenter/products.png differ
diff --git a/src/assets/images/productCenter/topbg.png b/src/assets/images/productCenter/topbg.png
new file mode 100644
index 0000000..9fc183a
Binary files /dev/null and b/src/assets/images/productCenter/topbg.png differ
diff --git a/src/views/publicService/components/navBar.vue b/src/views/publicService/components/navBar.vue
index 486994b..22d265f 100644
--- a/src/views/publicService/components/navBar.vue
+++ b/src/views/publicService/components/navBar.vue
@@ -3,7 +3,11 @@
         <div class="header-content">
             <div class="header-left">
                 <div class="logo-section" @click="handleLogoClick">
-                    <img :src="logoUrl" alt="Logo" class="logo" />
+                    <img
+                        src="../../../assets/images/productCenter/logo.png"
+                        alt="Logo"
+                        class="logo"
+                    />
                     <span class="platform-title">{{ platformTitle }}</span>
                 </div>
             </div>
@@ -68,22 +72,22 @@ export default {
                 {
                     label: '产品中心',
                     routePath: 'productCenter',
-                    icon: '/img/psp/productCenter/products.png',
+                    icon: require('../../../assets/images/productCenter/products.png'),
                 },
                 {
                     label: '公共组件',
                     routePath: 'commonCom',
-                    icon: '/img/psp/productCenter/components.png',
+                    icon: require('../../../assets/images/productCenter/components.png'),
                 },
                 {
                     label: '宣传物料',
                     routePath: 'proMaterials',
-                    icon: '/img/psp/productCenter/materials.png',
+                    icon: require('../../../assets/images/productCenter/materials.png'),
                 },
                 {
                     label: '文档中心',
                     routePath: 'docCenter',
-                    icon: '/img/psp/productCenter/docs.png',
+                    icon: require('../../../assets/images/productCenter/docs.png'),
                 },
             ],
         }
@@ -117,7 +121,7 @@ export default {
 
 <style scoped>
 .header {
-    background-image: url('/img/psp/productCenter/topbg.png');
+    background-image: url('../../../assets/images/productCenter/topbg.png');
     color: white;
     padding: 0;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);