tonytech/kindergarten_java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

课程详情: 收藏/已收藏图标颜色区分(红/灰)

Browse Source 
Made-with: Cursor
This commit is contained in:
zhonghua 2026-03-17 17:47:49 +08:00
parent 8f94774e19
commit 0baf3936d0
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
reading-platform-frontend/src/views/teacher/courses/CourseDetailView.vue
View File

@ -11,8 +11,10 @@
</div> </div>
</div> </div>
<div class="header-actions"> <div class="header-actions">
<a-button @click="toggleFavorite"> <a-button @click="toggleFavorite" :class="{ 'favorited': isFavorited }">
<HeartOutlined /> {{ isFavorited ? '已收藏' : '收藏' }} <HeartFilled v-if="isFavorited" class="fav-icon favorited" />
<HeartOutlined v-else class="fav-icon" />
{{ isFavorited ? '已收藏' : '收藏' }}
</a-button> </a-button>
<a-button @click="createSchoolVersion"> <a-button @click="createSchoolVersion">
<CopyOutlined /> 创建校本版本 <CopyOutlined /> 创建校本版本
@ -447,6 +449,7 @@ import {
BarChartOutlined, BarChartOutlined,
InfoCircleOutlined, InfoCircleOutlined,
HeartOutlined, HeartOutlined,
HeartFilled,
PlayCircleOutlined, PlayCircleOutlined,
CopyOutlined, CopyOutlined,
CalendarOutlined, CalendarOutlined,
@ -925,6 +928,16 @@ onMounted(() => {
.header-actions { .header-actions {
display: flex; display: flex;
gap: 8px; gap: 8px;
.fav-icon {
color: rgba(0, 0, 0, 0.45);
}
.fav-icon.favorited {
color: #ff4d4f;
}
.favorited {
color: #ff4d4f;
}
} }
} }