GoCo/OL-LearnPlatform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：bug统一修复

Browse Source
This commit is contained in:
小张 2025-09-22 11:58:34 +08:00
parent bf6496b755
commit 52b9e9a475
2 changed files with 53 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/layout/AppHeader.vue
View File

@ -251,34 +251,34 @@ const languageOptions = computed(() => [
onClick: () => handleLanguageSelect('en')
}
},
{
label: 'Русский',
key: 'ru',
props: {
onClick: () => handleLanguageSelect('ru')
}
},
{
label: 'Français',
key: 'fr',
props: {
onClick: () => handleLanguageSelect('fr')
}
},
{
label: 'Español',
key: 'es',
props: {
onClick: () => handleLanguageSelect('es')
}
},
{
label: '日本語',
key: 'ja',
props: {
onClick: () => handleLanguageSelect('ja')
}
}
// {
// label: 'Русский',
// key: 'ru',
// props: {
// onClick: () => handleLanguageSelect('ru')
// }
// },
// {
// label: 'Français',
// key: 'fr',
// props: {
// onClick: () => handleLanguageSelect('fr')
// }
// },
// {
// label: 'Español',
// key: 'es',
// props: {
// onClick: () => handleLanguageSelect('es')
// }
// },
// {
// label: '日本語',
// key: 'ja',
// props: {
// onClick: () => handleLanguageSelect('ja')
// }
// }
])
// 切换移动端菜单

33
src/views/CourseExchanged.vue
View File

@ -45,10 +45,10 @@
</div>
<!-- 提示 - 练习模式和讨论模式下显示不同内容 -->
<div v-if="!practiceMode && !discussionMode" class="tip-section">
<div v-if="!practiceMode && !discussionMode && showTipSection" class="tip-section">
<img src="/images/aiCompanion/ii.jpg" alt="">
<span>此视频请在2025.10.23 23:59前完成学习，快进拖拽或逾期学习不计入观看进度和成绩。</span>
<div class="tip-section-box">
<div class="tip-section-box" @click="hideTipSection">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L9 9M9 1L1 9" stroke="#999999" stroke-width="1.5" stroke-linecap="round" />
</svg>
@ -419,7 +419,7 @@
<!-- 课程描述 -->
<div class="course-description">
<div>本课程中的部分图片、音频和视频素材来源于网络，仅供教学使用。如有问题，请点击 <span @click="openComplaintModal('feedback')">这里</span> 反馈</div>
<div class="course-description-text" style="display: none;">本课程中的部分图片、音频和视频素材来源于网络，仅供教学使用。如有问题，请点击 <span @click="openComplaintModal('feedback')">这里</span> 反馈</div>
<span @click="openComplaintModal('complaint')">稿件投诉</span>
</div>
@ -1019,7 +1019,7 @@
<!-- AI主要内容区域 -->
<div class="ai-main-content">
<div v-if="showAiAssistant" class="ai-main-content">
<!-- AI头部栏 -->
<div class="ai-header-bar">
<div class="ai-header-left">
@ -1027,7 +1027,7 @@
<h3 class="ai-title">AI小助手</h3>
</div>
<button class="save-button">
<button class="save-button" @click="hideAiAssistant">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L9 9M9 1L1 9" stroke="#999999" stroke-width="1.5" stroke-linecap="round" />
</svg>
@ -1434,6 +1434,17 @@ const sendPrompt = (prompt: string) => {
// 或者直接发送给AI处理
}
// 隐藏区域的函数
const hideTipSection = () => {
showTipSection.value = false
console.log('隐藏提示区域')
}
const hideAiAssistant = () => {
showAiAssistant.value = false
console.log('隐藏AI助手')
}
// 章节分组数据
interface ChapterGroup {
title: string
@ -1578,6 +1589,10 @@ const replyingTo = ref<any>(null)
const aiActiveTab = ref('assistant')
const courseActiveTab = ref('summary')
// 控制区域显示状态
const showTipSection = ref(true)
const showAiAssistant = ref(true)
// 讲师数据
// const instructors = ref([
// {
@ -3255,7 +3270,7 @@ onActivated(() => {
max-width: none;
margin: 0;
padding-left: 120px;
padding-right: 120px;
padding-right: 72px;
}
/* 练习/讨论模式整体布局 */
@ -3702,6 +3717,7 @@ onActivated(() => {
.tip-section .tip-section-box {
flex: 1;
text-align: right;
cursor: pointer;
}
/* 视频播放器区域 */
@ -4243,8 +4259,9 @@ onActivated(() => {
color: #999999;
font-size: 14px;
display: flex;
justify-content: space-between;
justify-content: flex-end;
align-items: center;
margin-right: 10px;
}
.course-description span {
@ -6328,7 +6345,7 @@ onActivated(() => {
@media (min-width: 1400px) {
.container {
padding-left: 120px;
padding-right: 120px;
padding-right: 72px;
max-width: none;
margin: 0;
}