fix style bug
This commit is contained in:
@@ -431,7 +431,7 @@ body {
|
||||
color: var(--accent-blue);
|
||||
}
|
||||
|
||||
.btn-enroll {
|
||||
.btn-process {
|
||||
background-color: var(--primary-blue);
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user