fix: 修正面包屑导航的显示逻辑

- 竖屏下不显示面包屑导航

app/components/shared/JinshenFooter.vue

@@ -48,7 +48,7 @@
         <ul class="footer-links">
           <li>
             <a
-              href="http://cal.3w.jinshen.cn"
+              href="http://cal.jinshen.cn"
               target="_blank"
               rel="noopener noreferer"
             >

app/components/shared/JinshenHeader.vue

@@ -53,7 +53,7 @@
         class="hide-on-mobile"
         type="info"
         :underline="false"
-        href="http://cal.3w.jinshen.cn"
+        href="http://cal.jinshen.cn"
         target="_blank"
       >
         <el-icon class="mdi mdi-calculator action-icon" />
@@ -131,9 +131,7 @@
               mode="vertical"
               @select="mobileMenuVisible = false"
             >
-              <el-menu-item
-                @click="openExternalLink('http://cal.3w.jinshen.cn')"
-              >
+              <el-menu-item @click="openExternalLink('http://cal.jinshen.cn')">
                 {{ $t('navigation.calculator') }}
               </el-menu-item>
             </el-menu>

app/pages/about/index.vue

@@ -109,5 +109,9 @@
       margin-left: 0;
       gap: 0.5rem;
     }
+
+    .breadcrumb {
+      display: none;
+    }
   }
 </style>

app/pages/download/[id].vue

@@ -72,4 +72,10 @@
   .breadcrumb {
     margin-left: auto;
   }
+
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
 </style>

app/pages/products/index.vue

@@ -207,6 +207,10 @@
     .skeleton-card {
       width: 90%;
     }
+
+    .breadcrumb {
+      display: none;
+    }
   }
 
   :deep(.el-collapse-item__header) {

app/pages/solutions/index.vue

@@ -172,5 +172,9 @@
     .skeleton-card {
       width: 90%;
     }
+
+    .breadcrumb {
+      display: none;
+    }
   }
 </style>

app/pages/support/contact-us.vue

@@ -87,4 +87,10 @@
   :deep(.markdown-body ul) {
     list-style-type: none;
   }
+
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
 </style>

app/pages/support/documents.vue

@@ -226,6 +226,12 @@
     margin-top: 2rem;
   }
 
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
+
   :deep(.el-pagination) {
     .btn-prev,
     .btn-next {

app/pages/support/faq.vue

@@ -223,6 +223,12 @@
     margin-top: 2rem;
   }
 
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
+
   :deep(.el-pagination) {
     .btn-prev,
     .btn-next {

app/pages/support/index.vue

@@ -137,5 +137,9 @@
       grid-template-columns: 1fr;
       gap: 20px;
     }
+
+    .breadcrumb {
+      display: none;
+    }
   }
 </style>

nuxt.config.ts

@@ -20,7 +20,17 @@ export default defineNuxtConfig({
       htmlAttrs: {
         lang: 'zh',
       },
-      link: [{ rel: 'icon', type: 'image/x-icon', href: '/jinshen-logo.ico' }],
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/jinshen-logo.ico' },
+        {
+          rel: 'apple-touch-icon',
+          href: '/jinshen-logo.png',
+        },
+        {
+          rel: 'manifest',
+          href: '/manifest.json',
+        },
+      ],
     },
   },
 

public/manifest.json

@@ -0,0 +1,20 @@
+{
+  "name": "金申机械制造有限公司",
+  "short_name": "金申机械",
+  "icons": [
+    {
+      "src": "/logo196x196.png",
+      "sizes": "196x196",
+      "type": "image/png"
+    },
+    {
+      "src": "/logo512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#0f172a"
+}