perf: 优化显示效果

rzx007 · rzx007 · commit 997bc18bdb97 · 2024-03-09T22:26:20.000+08:00
diff --git a/docs/navs/components/MNavLink.vue b/docs/navs/components/MNavLink.vue
@@ -27,7 +27,7 @@ const svg = computed(() => {
 
 <template>
   <a v-if="link" class="m-nav-link" :href="link" target="_blank" rel="noreferrer">
-    <article class="box" :style="{ '--vp-box-bg': `url(${withBase(icon)})` }">
+    <article class="box" :style="{ '--vp-box-bg': icon ? `url(${withBase(icon)})` : '' }">
       <div class="box-header">
         <div v-if="svg" class="icon" v-html="svg"></div>
         <div v-else-if="icon && typeof icon === 'string'" class="icon">
diff --git a/docs/navs/data.ts b/docs/navs/data.ts
@@ -502,7 +502,7 @@ export const NAV_DATA: NavData[] = [
         link: 'https://pixijs.com/'
       },
       {
-        icon: '',
+        icon: '/icons/fabric.png',
         title: 'Fabric.js',
         desc: 'Fabric.js is a powerful and simple Javascript HTML5 canvas library',
         link: 'http://fabricjs.com/'
@@ -555,7 +555,7 @@ export const NAV_DATA: NavData[] = [
         link: 'https://esbuild.github.io'
       },
       {
-        icon: '',
+        icon: '/icons/fabric.png',
         title: 'tsup',
         desc: 'The simplest and fastest way to bundle your TypeScript libraries, powered by esbuild.',
         link: 'https://tsup.egoist.dev/'
@@ -702,9 +702,7 @@ export const NAV_DATA: NavData[] = [
     items: [
       {
         title: 'Github',
-        icon: {
-          svg: '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>'
-        },
+        icon: 'https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png',
         desc: '&#19968;&#20010;&#38754;&#21521;&#24320;&#28304;&#21450;&#31169;&#26377;&#36719;&#20214;&#39033;&#30446;&#30340;&#25176;&#31649;&#24179;&#21488;',
         link: 'https://github.com'
       },
diff --git a/docs/public/icons/fabric.png b/docs/public/icons/fabric.png
