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 | 37 ++++++++++++++++++++++++------------- 1 files changed, 24 insertions(+), 13 deletions(-) diff --git a/src/views/menu/index.vue b/src/views/menu/index.vue index 2cadedf..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" @click="testClick(item)"> + <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,7 +25,7 @@ <script setup> import { ref } from 'vue'; -import {useRouter} from 'vue-router'; +import { useRouter } from 'vue-router'; const router = useRouter(); @@ -34,12 +34,14 @@ 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' }, ] }, @@ -47,20 +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 testClick = (item) => { - router.push('/exam-list'); -} +const menuClick = (item) => { + if (item.path) { + router.push(item.path); + } +}; </script> <style lang="scss" scoped> -- Gitblit v1.8.0