From 24bfecf770d1c85a1d9ee1e41f36d07c7d920a9d Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 06 六月 2024 15:42:14 +0800
Subject: [PATCH] feat:退出考试提示框
---
src/views/exam-list/data-list/index.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 51 insertions(+), 2 deletions(-)
diff --git a/src/views/exam-list/data-list/index.vue b/src/views/exam-list/data-list/index.vue
index 239f314..2d4d5d0 100644
--- a/src/views/exam-list/data-list/index.vue
+++ b/src/views/exam-list/data-list/index.vue
@@ -1,15 +1,64 @@
<template>
<div class="list-container w-full h-full">
<el-scrollbar>
-
+ <el-card shadow="hover" class="mb-3">
+ <div class="item flex justify-between items-center">
+ <div class="left-container flex flex-col justify-between">
+ <div class="top-container flex items-center">
+ <div class="title mr-5 text-xl font-bold">娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</div>
+ <div class="tag">
+ <el-tag type="primary" effect="light" round>
+ 鏈紑濮�
+ </el-tag>
+ </div>
+ </div>
+ <div class="mid-container flex items-center my-4 text-gray-700">
+ <el-icon class="mr-1"><Timer /></el-icon>
+ <div class="time">
+ 鑰冭瘯鏃堕棿: 2024-6-5 08:00 ~ 2024-6-5 10:00
+ </div>
+ </div>
+ <div class="bottom-container flex text-sm text-gray-400">
+ <div class="bottom-item">
+ 鎬诲垎: 100
+ </div>
+ <div class="bottom-item">
+ 棰樻暟: 20
+ </div>
+ <div class="bottom-item">
+ 绛旈鏃堕棿: 20鍒嗛挓
+ </div>
+ </div>
+ </div>
+ <div class="right-container">
+ <div class="button-container">
+ <el-button type="primary" size="large" @click="examClick">寮�濮嬭�冭瘯</el-button>
+ </div>
+ </div>
+ </div>
+ </el-card>
</el-scrollbar>
</div>
</template>
<script setup>
+import {ref} from 'vue';
+import { Timer } from '@element-plus/icons-vue';
+import {useRouter} from 'vue-router';
+const router = useRouter();
+
+const examClick = () => {
+ router.push('/exam');
+}
</script>
<style lang="scss" scoped>
-
+.item {
+ width: 100%;
+ min-height: 120px;
+}
+.bottom-item {
+ margin-right: 30px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0