fix style bug

This commit is contained in:
Cai
2025-10-27 11:49:44 +08:00
parent 960d1f1dd9
commit 4a390adb2a
5 changed files with 15 additions and 4 deletions

View File

@@ -431,7 +431,7 @@ body {
color: var(--accent-blue);
}
.btn-enroll {
.btn-process {
background-color: var(--primary-blue);
color: white;
font-weight: 500;

View File

@@ -143,4 +143,11 @@ function closeCourseProgress() {
function isObject(value) {
return Object.prototype.toString.call(value) === '[object Object]';
}
function btn_view(event, courseId) {
event.stopPropagation(); // 阻止事件冒泡
// 打开课程详情页面
const url = `/course/${courseId}`;
window.location.href = url;
}

View File

@@ -15,7 +15,7 @@
<!-- 上半部分:课程封面和详情 -->
<div class="course-overview">
<div class="course-cover">
<img src="{{course_data.course_img_path}}" alt="课程封面" class="cover-image">
<img src="{{course_data.image_url}}" alt="课程封面" class="cover-image">
</div>
<div class="course-info">
<h2 class="course-title">{{course_data.course_name}}</h2>

View File

@@ -52,8 +52,8 @@
<span class="course-rating"><i class="fas fa-star"></i> 4.7</span>
</div>
<div class="mt-auto d-grid gap-2 d-md-flex">
<button class="btn btn-view flex-fill"><i class="far fa-eye me-1"></i> 查看课程</button>
<button class="btn btn-enroll flex-fill"><i class="fas fa-plus me-1"></i> 选课</button>
<button class="btn btn-view flex-fill" onclick="btn_view(event,'{{course._id}}')"><i class="far fa-eye me-1"></i> 课程</button>
<button class="btn btn-process flex-fill" onclick="openCourseProgress('{{course._id}}')"><i class="fas fa-plus me-1"></i> 章节列表</button>
</div>
</div>
</div>