From 06419b10e17c72e07f1c740836e5abb79df619d0 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期一, 04 十一月 2024 17:55:38 +0800
Subject: [PATCH] 搭建错题本页面

---
 src/views/menu/index.vue |   40 ++++++++++++++++++++++++++++------------
 1 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/src/views/menu/index.vue b/src/views/menu/index.vue
index c9a2c10..b6987e4 100644
--- a/src/views/menu/index.vue
+++ b/src/views/menu/index.vue
@@ -6,7 +6,7 @@
       </el-row>
       <el-row :gutter="20" class="mb-2">
         <el-col :span="3" v-for="item in menu.categroy">
-          <div class="menu-item cursor-pointer">
+          <div class="menu-item cursor-pointer" @click="menuClick(item)">
             <el-card shadow="hover" class="menu-card">
               <div class="item-icon mx-auto">
                 <img :src="item.iconPath" class="icon-img" alt="">
@@ -25,18 +25,23 @@
 
 <script setup>
 import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
 
 const menuList = ref([
   {
     name: '璇剧▼',
     categroy: [
       {
-        title: '鎴戠殑璇剧▼',
-        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href
+        title: '鍦ㄧ嚎鍩硅',
+        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href,
+        path: '/train'
       },
       {
-        title: '鎴戠殑鑰冭瘯',
-        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href
+        title: '鏁欏璧勬簮',
+        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href,
+        path: '/folder'
       },
     ]
   },
@@ -44,16 +49,29 @@
     name: '鑰冭瘯',
     categroy: [
       {
-        title: '鎴戠殑璇剧▼',
-        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href
+        title: '鎴戠殑鑰冭瘯',
+        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href,
+        path: '/exam-list'
       },
       {
-        title: '鎴戠殑鑰冭瘯',
-        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href
+        title: '鎴戠殑鎴愮哗',
+        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href,
+        path: '/grade-list'
+      },
+      {
+        title: '鎴戠殑閿欓',
+        iconPath: new URL('@/assets/icons/icon3.png', import.meta.url).href,
+        path: '/wrong-list'
       },
     ]
   },
 ]);
+
+const menuClick = (item) => {
+  if (item.path) {
+    router.push(item.path);
+  }
+};
 </script>
 
 <style lang="scss" scoped>
@@ -72,13 +90,11 @@
 }
 
 .item-icon {
-  width: 90px;
-  height: 90px;
+  width: 65%;
 }
 
 .icon-img {
   width: 100%;
-  height: 100%;
   object-fit: cover;
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0