This commit is contained in:
2025-08-28 10:15:19 +08:00
parent 27bf4aa9ad
commit 175ddfeda1
2 changed files with 93 additions and 12 deletions

View File

@@ -364,6 +364,64 @@
margin-top: 30px; margin-top: 30px;
font-size: 14px; font-size: 14px;
} }
/* 课程功能按钮样式 - 与页面风格一致 */
.button-container {
padding: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.course-button {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: white;
color: #333;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
text-align: left;
width: 100%;
}
.course-button:hover {
background-color: #f5f5f5;
border-color: #0066cc;
box-shadow: 0 2px 4px rgba(0, 102, 204, 0.1);
}
.course-button:active {
background-color: #e6f2ff;
}
.button-icon {
font-size: 16px;
flex-shrink: 0;
color: #0066cc;
}
.button-text {
flex: 1;
font-weight: 500;
}
/* 不同按钮的个性化样式 */
.summary-btn:hover .button-icon {
color: #667eea;
}
.question-btn:hover .button-icon {
color: #f5576c;
}
.test-btn:hover .button-icon {
color: #4facfe;
}
</style> </style>
</head> </head>
<body> <body>
@@ -568,21 +626,26 @@
<div class="sidebar-card"> <div class="sidebar-card">
<div class="sidebar-header"> <div class="sidebar-header">
<span>相关推荐</span> <span>课程功能</span>
<span></span>
</div>
<div class="related-course">
<div class="related-image"></div>
<div class="related-info">
<div class="related-title">《万有引力理论的成就》</div>
<div class="related-meta">
<span>《万有引力理论的成就》</span>
<span>胡明浩</span>
<span>👍 0</span>
</div>
</div> </div>
<div class="button-container">
<button class="course-button summary-btn">
<span class="button-icon">📋</span>
<span class="button-text">课程总结</span>
</button>
<button class="course-button question-btn">
<span class="button-icon"></span>
<span class="button-text">课程提问</span>
</button>
<button class="course-button test-btn">
<span class="button-icon">📝</span>
<span class="button-text">课程测验</span>
</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -590,5 +653,21 @@
<footer> <footer>
<div>© 长春云校 版权所有</div> <div>© 长春云校 版权所有</div>
</footer> </footer>
<script src="./jquery.min.js"></script>
<script>
$(function () {
$(".summary-btn").click(function () {
window.open("http://www.hzkjai.com:27002/static/sum/index.html", "_blank");
});
$(".question-btn").click(function () {
window.open("http://www.hzkjai.com:27002/yx/", "_blank");
});
$(".test-btn").click(function () {
window.open("./physics_quiz.html", "_blank");
});
})
</script>
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long