refine

hackcpp · hackcpp · commit 99f49f940ee8 · 2024-09-28T21:27:59.000+08:00
diff --git a/src/.vuepress/components/ToolBox.vue b/src/.vuepress/components/ToolBox.vue
@@ -1,8 +1,14 @@
 <template>
     <div >
-      <div class="card-container">
+      <div class="card-container"
+      v-for="(category, index) in categories"
+      :key="index"
+      >
+        <h2 class="title">{{category.name}}</h2>
+        <br>
+
         <div
-          v-for="(tool, index) in tools"
+          v-for="(tool, index) in category.tools"
           :key="index"
           class="card"
           @click="openLink(tool.link)"
@@ -24,6 +30,9 @@
     name: 'ToolBox',
     data() {
       return {
+        categories: [
+        {
+        name: '&#32534;&#31243;&#24037;&#20855;',    
         tools: [
           {
             title: 'Compiler Explorer',
@@ -49,6 +58,21 @@
             logo: 'https://app.diagrams.net/favicon.ico',
             link: 'https://app.diagrams.net/',
          },
+         {
+            title: 'Regulex',
+            desc: '&#27491;&#21017;&#34920;&#36798;&#24335;&#21487;&#35270;&#21270;&#24037;&#20855;',
+            logo: 'https://jex.im/favicon.ico',
+            link: 'https://jex.im/regulex/',
+         },
+         {
+            title: 'Visualgo',
+            desc: '&#31639;&#27861;&#21487;&#35270;&#21270;&#24037;&#20855;',
+            logo: 'https://visualgo.net/img/favicon.png',
+            link: 'https://visualgo.net',
+         },
+         
+        ]
+        }
         ]
       };
     },
