Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
mlaj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-09-24 13:08:59 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
5fbf87975ccc3809d188a5c618aed7555a15f9bd
5fbf8797
1 parent
9b310350
feat(CourseDetailPage): 添加课程封面图片并调整布局
将课程封面图片移至页面顶部,移除重复的图片显示 调整标题区域的圆角样式,优化页面布局
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
8 additions
and
8 deletions
src/views/courses/CourseDetailPage.vue
src/views/courses/CourseDetailPage.vue
View file @
5fbf879
<template>
<AppLayout :rightContent="rightContent">
<AppLayout :rightContent="rightContent"
:has-title="false"
>
<div class="pb-24">
<!-- Course Image -->
<div class="mb-4">
<img :src="course?.cover || 'https://cdn.ipadbiz.cn/mlaj/images/default_block.png'" :alt="course?.title"
class="w-full h-auto" />
</div>
<!-- Course Header -->
<div class="px-4">
<div class="bg-gradient-to-b from-red-500 to-red-600 p-4 mb-4 rounded-
b-3
xl shadow-lg">
<div class="bg-gradient-to-b from-red-500 to-red-600 p-4 mb-4 rounded-xl shadow-lg">
<div v-if="course?.group_type_title" class="bg-white/10 backdrop-blur-sm rounded-lg p-3 mb-3 inline-block">
<div class="text-white font-semibold">{{ course?.group_type_title }}</div>
</div>
...
...
@@ -33,12 +39,6 @@
<p v-html="course?.introduce" class="text-gray-700 whitespace-pre-line"></p>
</FrostedGlass>
<!-- Course Image -->
<div class="mb-6">
<img :src="course?.cover || 'https://cdn.ipadbiz.cn/mlaj/images/default_block.png'" :alt="course?.title"
class="w-full h-auto rounded-xl shadow-md" />
</div>
<!-- Tab Navigation -->
<FrostedGlass class="mb-6 rounded-xl overflow-hidden">
<div class="border-b border-gray-200">
...
...
Please
register
or
login
to post a comment