modify index card

Author: oyb98

src/assets/paper_table.json

@@ -569,6 +569,42 @@
                     ],
                     "section": "l10",
                     "id":"10"
+                },
+                {
+                    "tag": "l11_tag",
+                    "desc": "l11_desc",
+                    "content": [
+                        
+                    ],
+                    "section": "l11",
+                    "id":"11"
+                },
+                {
+                    "tag": "l12_tag",
+                    "desc": "l12_desc",
+                    "content": [
+                        
+                    ],
+                    "section": "l12",
+                    "id":"12"
+                },
+                {
+                    "tag": "l13_tag",
+                    "desc": "l13_desc",
+                    "content": [
+                        
+                    ],
+                    "section": "l13",
+                    "id":"13"
+                },
+                {
+                    "tag": "l14_tag",
+                    "desc": "l14_desc",
+                    "content": [
+                        
+                    ],
+                    "section": "l14",
+                    "id":"14"
                 }
             ]
         },

src/i18n/en-US/index.js

@@ -18,6 +18,10 @@ export default {
   l8: "Model Compression",
   l9: "Intelligent Decision Making",
   l10: "Transfer Learning and Model Generalization",
+  l11: "Time Series Large Models",
+  l12: "Large Model Benchmark",
+  l13: "Multi-Agent",
+  l14: "Embodied Intelligence",
 
   ro: "Research Outcomes",
   roc: "Our research is applied in a variety of application domains, such as Intelligent Transportation, Digital Energy, AIOps, Smart Ocean, AI4DB, Predictive Maintenance, Intelligent emergency response, materials design, and drug discovery.",
@@ -56,6 +60,14 @@ export default {
   l10_tag:
     "",
   l10_desc: "Transfer Learning and Model Generalization",
+  l11_tag: "",
+  l11_desc: "",
+  l12_tag: "",
+  l12_desc: "",
+  l13_tag: "",
+  l13_desc: "",
+  l14_tag: "",
+  l14_desc: "",
 
   ls1_1: "1.1 Time Series Forecasting",
   ls1_2: "1.2 Time Series Anomaly Detection",

src/i18n/zh-CN/index.js

@@ -18,6 +18,11 @@ export default {
   l8: "模型轻量化",
   l9: "决策智能",
   l10: "迁移学习与模型泛化",
+  l11: "时序大模型",
+  l12: "大模型评测",
+  l13: "多智能体",
+  l14: "具身智能",
+
 
   ro: "研究成果",
   roc: "实验室科研成果应用于绿色交通、智能运维、智慧城市、AIOps、数字能源、智能水资源管理、数字孪生、分子设计和药物设计等领域。",

src/pages/IndexPage.vue

@@ -55,7 +55,8 @@
           </p>
           <ol
             class="tw-list-disc md:tw-list-none md:tw-grid md:tw-grid-cols-5 md:tw-justify-center md:tw-w-full md:tw-m-auto">
-            <li class="tw-m-4 hover:tw-bg-slate-100 hover:tw-cursor-pointer" v-for="(i, idx) in research" :key="idx">
+            <!-- 箭头版本 -->
+            <!-- <li class="tw-m-4 hover:tw-bg-slate-100 hover:tw-cursor-pointer" v-for="(i, idx) in research" :key="idx">
               <a :href="i.destination">
                 <div class="row">
                   <div class="col-6">
@@ -66,6 +67,13 @@
                   </div>
                 </div>
               </a>
+            </li> -->
+            <li class="topic-card" v-for="(i, idx) in research" :key="idx">
+              <a :href="i.destination">
+                <div class="row">
+                  <div class="tw-pt-3">{{ $t(i.name) }}</div>
+                </div>
+              </a>
             </li>
           </ol>
         </div>
@@ -99,6 +107,10 @@ let research = reactive([
   { name: "l6", url: "papers#8", destination: "/paper/7", id: 5 },
   { name: "l9", url: "papers#9", destination: "/paper/8", id: 8 },
   { name: "l10", url: "papers#10", destination: "/paper/9", id: 9 },
+  { name: "l11", url: "papers#11", destination: "/paper/10", id: 10 },
+  { name: "l12", url: "papers#12", destination: "/paper/11", id: 11 },
+  { name: "l13", url: "papers#13", destination: "/paper/12", id: 12 },
+  { name: "l14", url: "papers#14", destination: "/paper/13", id: 13 },
 ]);
 // sort research by id
 research.sort((a, b) => a.id - b.id);
@@ -224,4 +236,25 @@ strong {
     transform: rotate(360deg);
   }
 }
+
+
+.topic-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+
+.topic-card {
+  padding: 16px 24px;
+  font-weight: 500;
+  color: #3F51B5;
+  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
+  cursor: default;
+}
+
+.topic-card:hover {
+  background-color: #e3f2fd;
+  transform: scale(1.05);
+  box-shadow: 0 4px 14px rgba(25, 118, 210, 0.3);
+}
 </style>