diff --git a/dsLightRag/static/YunXiao/course_page.html b/dsLightRag/static/YunXiao/course_page.html index 699b4242..86467726 100644 --- a/dsLightRag/static/YunXiao/course_page.html +++ b/dsLightRag/static/YunXiao/course_page.html @@ -281,13 +281,14 @@ } .sidebar-header { - background-color: #f5f5f5; + background-color: #0066CC; padding: 10px 15px; border-bottom: 1px solid #eee; font-weight: bold; display: flex; justify-content: space-between; align-items: center; + color: #FFFFFF; } .resource-list { @@ -364,6 +365,64 @@ margin-top: 30px; 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; +}
@@ -416,7 +475,7 @@ 您的浏览器不支持HTML5视频播放。 -