Merge branch 'main' of http://10.10.14.176:3000/huanghai/dsProject
This commit is contained in:
@@ -281,13 +281,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-header {
|
.sidebar-header {
|
||||||
background-color: #f5f5f5;
|
background-color: #0066CC;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.resource-list {
|
.resource-list {
|
||||||
@@ -364,6 +365,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>
|
||||||
@@ -416,7 +475,7 @@
|
|||||||
您的浏览器不支持HTML5视频播放。
|
您的浏览器不支持HTML5视频播放。
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="video-controls">
|
<!-- <div class="video-controls">
|
||||||
<div class="video-progress">
|
<div class="video-progress">
|
||||||
<div class="progress-bar"></div>
|
<div class="progress-bar"></div>
|
||||||
</div>
|
</div>
|
||||||
@@ -433,7 +492,7 @@
|
|||||||
<button class="video-button">📝 随堂笔记</button>
|
<button class="video-button">📝 随堂笔记</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="video-actions">
|
<div class="video-actions">
|
||||||
@@ -511,7 +570,6 @@
|
|||||||
<div class="sidebar-card">
|
<div class="sidebar-card">
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
<span>课程资源</span>
|
<span>课程资源</span>
|
||||||
<span>∧</span>
|
|
||||||
</div>
|
</div>
|
||||||
<ul class="resource-list">
|
<ul class="resource-list">
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
@@ -519,70 +577,75 @@
|
|||||||
<span class="resource-icon">▶</span>
|
<span class="resource-icon">▶</span>
|
||||||
视频课程
|
视频课程
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">📄</span>
|
<span class="resource-icon">📄</span>
|
||||||
《万有引力定律》
|
《万有引力定律》
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">→</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">📑</span>
|
<span class="resource-icon">📑</span>
|
||||||
课件
|
课件
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">📋</span>
|
<span class="resource-icon">📋</span>
|
||||||
教学设计
|
教学设计
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">✓</span>
|
<span class="resource-icon">✓</span>
|
||||||
任务单
|
任务单
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">📝</span>
|
<span class="resource-icon">📝</span>
|
||||||
作业与习题
|
作业与习题
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="resource-item">
|
<li class="resource-item">
|
||||||
<div class="resource-name">
|
<div class="resource-name">
|
||||||
<span class="resource-icon">📎</span>
|
<span class="resource-icon">📎</span>
|
||||||
其他
|
其他
|
||||||
</div>
|
</div>
|
||||||
<div class="resource-arrow">▼</div>
|
<div class="resource-arrow"></div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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>
|
||||||
2
dsLightRag/static/YunXiao/jquery.min.js
vendored
Normal file
2
dsLightRag/static/YunXiao/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user