sprint day4

1.项目预期任务量：15天
2.已花费时间：9天
3.剩余时间：6天
任务看板：

SCRUM会议照片：

产品状态：
试卷管理
界面演示：首先在首页可以看到试卷的相关信息，相应的试卷可以添加对应的题目 这些题目可以进行增删改查并且设置标准答案
这是我们创建试卷的过程
在试卷管理界面要进行对试卷的审核
现在我们将该试卷发布 在该试卷添加试题
相关的试题会在考试列表里显示 就是明天的博客里会提到
代码：````plaintext

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>试卷管理系统</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> <style> /* 基础样式 */ body { font-family: 'Roboto', sans-serif; margin: 0; padding: 20px; background-color: #f4f4f4; color: #333; }

/* 选项卡样式 */
.tab-container {
max-width: 1200px;
margin: 0 auto;
}

.tab-nav {
display: flex;
gap: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #007bff;
}

.tab-button {
padding: 12px 30px;
background: #f8f9fa;
border: none;
border-radius: 5px 5px 0 0;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 500;
color: #666;
}

.tab-button.active {
background: #007bff;
color: white;
transform: translateY(2px);
}

.tab-content {
display: none;
background: white;
padding: 25px;
border-radius: 0 5px 5px 5px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.tab-content.active {
display: block;
animation: fadeIn 0.3s ease;
}

/* 表格样式 */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

th,
td {
padding: 12px;
border: 1px solid #dee2e6;
text-align: center;
}

th {
background-color: #007bff;
color: white;
font-weight: 500;
}

tr:nth-child(even) {
background-color: #f8f9fa;
}

/* 表单样式 */
.form-section {
max-width: 600px;
margin: 0 auto;
}

.form-group {
margin-bottom: 20px;
}

label {
display: block;
margin-bottom: 8px;
color: #495057;
font-weight: 500;
}

input {
width: 100%;
padding: 10px;
border: 1px solid #ced4da;
border-radius: 4px;
box-sizing: border-box;
}

button.primary {
background-color: #007bff;
color: white;
padding: 12px 25px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}

button.primary:hover {
background-color: #0056b3;
}

/* 操作按钮 */
.action-buttons {
display: flex;
gap: 8px;
justify-content: center;
}

.action-btn {
padding: 6px 12px;
font-size: 0.9em;
border-radius: 3px;
cursor: pointer;
transition: all 0.2s;
border: none; /* 去掉黑边 */
}

.review-btn {
background-color: #007bff; /* 设置成蓝色 */
color: white;
}

.publish-btn {
background-color: #007bff; /* 设置成蓝色 */
color: white;
}

.delete-btn {
background-color: #dc3545;
color: white;
}

.add-question-btn {
background-color: #007bff; /* 设置成蓝色 */
color: white;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

</head> <body> <div class="tab-container"> <!-- 选项卡导航 --> <nav class="tab-nav"> <button class="tab-button active" data-target="paper-management">试卷管理</button> <button class="tab-button" data-target="paper-creation">创建试卷</button> <button class="tab-button" data-target="question-management" id="questionTab" style="display:none;">题目管理</button> </nav>

试卷列表

试卷类型 考试时长 总分 审核状态 发布状态 操作

新建试卷

添加考试题目

</body> ````
posted @ 2025-04-21 21:46  她会回来对不队  阅读(27)  评论(0)    收藏  举报