| | |
| | | </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="testClick(item)"> |
| | | <el-card shadow="hover" class="menu-card"> |
| | | <div class="item-icon mx-auto"> |
| | | <img :src="item.iconPath" class="icon-img" alt=""> |
| | |
| | | |
| | | <script setup> |
| | | import { ref } from 'vue'; |
| | | import {useRouter} from 'vue-router'; |
| | | |
| | | const router = useRouter(); |
| | | |
| | | const menuList = ref([ |
| | | { |
| | |
| | | ] |
| | | }, |
| | | ]); |
| | | |
| | | const testClick = (item) => { |
| | | router.push('/exam-list'); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | } |
| | | |
| | | .item-icon { |
| | | width: 90px; |
| | | height: 90px; |
| | | width: 65%; |
| | | } |
| | | |
| | | .icon-img { |
| | | width: 100%; |
| | | height: 100%; |
| | | object-fit: cover; |
| | | } |
| | | </style> |