+
-
+
+
+
+
+
+
-
-
• 代码审查和优化
-
• 文档自动生成
-
• 问题诊断和解决
+
{{ note.title }}
+
{{ note.date }}
+
-
-
+
+
@@ -731,12 +938,13 @@
@@ -3798,6 +4204,7 @@ onMounted(() => {
}
.toolbar {
+ margin-top: 15px;
margin-left: 16px;
padding: 0;
}
@@ -3828,8 +4235,7 @@ onMounted(() => {
/* AI内容区域 */
.ai-content-area {
- background-color: #fff;
- padding: 15px;
+ /* background-color: #fff; */
margin-bottom: 20px;
}
@@ -3837,13 +4243,13 @@ onMounted(() => {
.ai-chat-interface {
display: flex;
flex-direction: column;
- height: 400px;
+ height: 600px;
}
.chat-messages {
flex: 1;
overflow-y: auto;
- padding: 10px 0;
+ padding: 10px;
display: flex;
flex-direction: column;
gap: 16px;
@@ -3851,6 +4257,7 @@ onMounted(() => {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
+ background-color: #fff;
/* IE and Edge */
}
@@ -3939,8 +4346,7 @@ onMounted(() => {
background: #fff;
margin: 0 16px 16px 16px;
height: 96px;
- border-radius: 2px;
- /* border: 1px solid #979797; */
+ border: 1.5px solid #D5D5D5;
position: relative;
}
@@ -3973,6 +4379,7 @@ onMounted(() => {
background: white;
resize: none;
position: relative;
+ border: none;
}
.send-button {
@@ -4130,6 +4537,73 @@ onMounted(() => {
color: #1890ff;
}
+/* 笔记编辑器样式 */
+.note-editor-container {
+ background: white;
+ border-radius: 8px;
+ padding: 16px;
+ margin-bottom: 16px;
+ border: 1px solid #e8e8e8;
+}
+
+.note-editor-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 16px;
+ gap: 12px;
+}
+
+.note-title-input {
+ flex: 1;
+ padding: 8px 12px;
+ border: 1px solid #e0e0e0;
+ border-radius: 4px;
+ font-size: 14px;
+ outline: none;
+ transition: border-color 0.2s;
+}
+
+.note-title-input:focus {
+ border-color: #1890ff;
+}
+
+.note-editor-actions {
+ display: flex;
+ gap: 8px;
+}
+
+.save-note-btn {
+ background: #1890ff;
+ color: white;
+ border: none;
+ padding: 6px 12px;
+ border-radius: 4px;
+ font-size: 12px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+}
+
+.save-note-btn:hover {
+ background: #40a9ff;
+}
+
+.cancel-note-btn {
+ background: #f5f5f5;
+ color: #666;
+ border: 1px solid #d9d9d9;
+ padding: 6px 12px;
+ border-radius: 4px;
+ font-size: 12px;
+ cursor: pointer;
+ transition: all 0.3s;
+}
+
+.cancel-note-btn:hover {
+ background: #e6e6e6;
+ border-color: #bfbfbf;
+}
+
.ai-text-content {
margin-bottom: 16px;
}
@@ -5100,4 +5574,540 @@ onMounted(() => {
.ai-tab-item:not(.active):hover {
background: rgba(0, 0, 0, 0.05);
}
+
+/* 评论区样式 */
+.comments-content {
+ padding: 0;
+}
+
+/* 发布评论区域 */
+.post-comment-section {
+ margin-bottom: 10px;
+}
+
+.comment-input-wrapper {
+ display: flex;
+ gap: 12px;
+}
+
+.user-avatar img {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ object-fit: cover;
+ flex-shrink: 0;
+}
+
+.comment-input-area {
+ flex: 1;
+}
+
+.comment-textarea {
+ width: 100%;
+ border: 1px solid #E6E6E6;
+ padding: 10px;
+ font-size: 14px;
+ resize: none;
+ font-family: inherit;
+ height: 40px;
+ min-height: 40px;
+ box-sizing: border-box;
+ overflow: hidden;
+ transition: height 0.3s ease;
+}
+
+.comment-textarea:focus {
+ outline: none;
+ border-color: #1890ff;
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.comment-textarea::placeholder {
+ color: #999;
+}
+
+.comment-toolbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.toolbar-left {
+ display: flex;
+ gap: 8px;
+}
+
+.toolbar-btn {
+ background: none;
+ border: none;
+ width: 24px;
+ height: 20px;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1.5px solid #E6E6E6;
+}
+
+.toolbar-btn:hover {
+ background: #f5f5f5;
+}
+
+.toolbar-icon {
+ width: 12px;
+ height: 12px;
+ object-fit: contain;
+}
+
+.toolbar-right {
+ display: flex;
+ align-items: center;
+}
+
+.btn-submit {
+ background: #0088D1;
+ color: white;
+ border: none;
+ padding: 3px 10px;
+ cursor: pointer;
+ font-size: 14px;
+ transition: background-color 0.3s;
+ font-weight: 500;
+}
+
+.btn-submit:hover:not(:disabled) {
+ background: #40a9ff;
+}
+
+.btn-submit:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ background: #f5f5f5;
+ color: #bfbfbf;
+}
+
+/* 回复输入区域样式 */
+.reply-input-section {
+ margin-top: 16px;
+ padding: 16px;
+ background: #f8f9fa;
+ border-radius: 8px;
+ border: 1px solid #e9ecef;
+}
+
+.reply-input-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 12px;
+}
+
+.reply-to-text {
+ font-size: 14px;
+ color: #666;
+ font-weight: 500;
+}
+
+.cancel-reply-btn {
+ background: none;
+ border: none;
+ color: #999;
+ font-size: 14px;
+ cursor: pointer;
+ padding: 4px 8px;
+ border-radius: 4px;
+ transition: all 0.3s ease;
+}
+
+.cancel-reply-btn:hover {
+ background: #f0f0f0;
+ color: #666;
+}
+
+.reply-input-container {
+ background: white;
+ border: 1px solid #E6E6E6;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+.reply-textarea {
+ width: 100%;
+ border: none;
+ padding: 10px;
+ font-size: 14px;
+ resize: none;
+ font-family: inherit;
+ height: 40px;
+ min-height: 40px;
+ box-sizing: border-box;
+ overflow: hidden;
+ transition: height 0.3s ease;
+ background: transparent;
+}
+
+.reply-textarea:focus {
+ outline: none;
+ border-color: #1890ff;
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.reply-textarea::placeholder {
+ color: #999;
+}
+
+.reply-toolbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px 10px;
+ border-top: 1px solid #f0f0f0;
+ background: #fafafa;
+}
+
+.comment-list {
+ display: flex;
+ flex-direction: column;
+ gap: 20px;
+}
+
+.comment-item {
+ display: flex;
+ gap: 12px;
+}
+
+.comment-avatar img {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ object-fit: cover;
+}
+
+.comment-content {
+ flex: 1;
+}
+
+.comment-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.comment-username {
+ font-size: 14px;
+ color: #666666;
+}
+
+.comment-time {
+ font-size: 12px;
+ color: #999;
+}
+
+.comment-text {
+ font-size: 14px;
+ line-height: 1.6;
+ color: #333;
+ margin-bottom: 12px;
+}
+
+.comment-image-container {
+ width: 100%;
+ margin-bottom: 10px;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 16px;
+ position: relative;
+}
+
+.comment-image-container img {
+ width: 84px;
+ height: 84px;
+ object-fit: cover;
+ border-radius: 4px;
+}
+
+.image-overlay {
+ position: absolute;
+ top: 0;
+ left: calc(6 * (84px + 16px));
+ width: 84px;
+ height: 84px;
+ background: rgba(0, 0, 0, 0.6);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.more-images-text {
+ color: white;
+ font-size: 16px;
+ font-weight: 500;
+}
+
+.comment-actions {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+}
+
+.note-icon-container {
+ width: 50px;
+ height: 20px;
+ background: #EDEDED;
+ border-radius: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 4px;
+}
+
+.note-icon-container img {
+ width: 10px;
+ height: 10px;
+}
+
+.note-icon-container span {
+ color: #666666;
+ font-size: 10px;
+}
+
+.action-btn {
+ background: none;
+ border: none;
+ font-size: 12px;
+ color: #999;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ transition: color 0.3s;
+}
+
+.action-btn:hover {
+ color: #1890ff;
+}
+
+.action-btn span {
+ font-size: 12px;
+ color: #999;
+}
+
+.action-btn .top {
+ padding: 4px 8px;
+ font-size: 10px;
+ color: #FF304B;
+ background-color: #FFF4F4;
+ border-radius: 30px;
+}
+
+/* 回复和二级评论样式 */
+.comment-replies {
+ margin-top: 12px;
+}
+
+.reply-item {
+ display: flex;
+ gap: 12px;
+ margin-bottom: 16px;
+ position: relative;
+}
+
+.reply-item:last-child {
+ margin-bottom: 0;
+}
+
+.reply-avatar {
+ flex-shrink: 0;
+}
+
+.reply-avatar img {
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ object-fit: cover;
+}
+
+.reply-content {
+ flex: 1;
+}
+
+.reply-main {
+ display: flex;
+ align-items: flex-start;
+ gap: 12px;
+ margin-bottom: 8px;
+}
+
+.reply-header {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-shrink: 0;
+}
+
+.reply-username {
+ font-size: 14px;
+ color: #666;
+}
+
+.reply-badge {
+ width: 32px;
+ height: 20px;
+ text-align: center;
+ line-height: 20px;
+ font-size: 10px;
+ font-weight: 500;
+ font-size: 10px;
+}
+
+.reply-badge.instructor {
+ background: #EEF9FF;
+ color: #008BD7;
+}
+
+.reply-badge.user {
+ background: #f6ffed;
+ color: #52c41a;
+}
+
+.reply-time {
+ font-size: 12px;
+ color: #999;
+}
+
+.reply-text {
+ font-size: 14px;
+ line-height: 1.5;
+ color: #333;
+ flex: 1;
+}
+
+.reply-footer {
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ margin-top: 8px;
+ gap: 15px;
+}
+
+.reply-actions {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.reply-action-btn {
+ background: none;
+ border: none;
+ font-size: 12px;
+ color: #999;
+ cursor: pointer;
+ transition: color 0.3s;
+}
+
+.reply-action-btn:hover {
+ color: #1890ff;
+}
+
+/* 刷新遮罩样式 */
+.refresh-mask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(255, 255, 255, 0.9);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999;
+ backdrop-filter: blur(2px);
+}
+
+.refresh-content {
+ text-align: center;
+ color: #666;
+}
+
+.refresh-spinner {
+ width: 40px;
+ height: 40px;
+ border: 3px solid #f3f3f3;
+ border-top: 3px solid #1890ff;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ margin: 0 auto 16px;
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/* AI建议样式 */
+.ai-suggestion {
+ margin-top: 20px;
+ padding: 20px;
+ background: white;
+ border-radius: 8px;
+}
+
+.ai-suggestion-title {
+ font-size: 14px;
+ color: #323232;
+ font-weight: 500;
+ margin-bottom: 20px;
+}
+
+.ai-suggestion-item {
+ margin-bottom: 30px;
+}
+
+.ai-suggestion-header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ margin-bottom: 8px;
+}
+
+.ai-icon {
+ width: 18px;
+ height: 18px;
+}
+
+.ai-category {
+ font-size: 16px;
+ color: #323232;
+ font-weight: 500;
+}
+
+.ai-prompt-bubble {
+ height: 36px;
+ line-height: 36px;
+ background: linear-gradient(90deg, #FFFBD9 0%, #EAF8FF 100%);
+ border-radius: 2px;
+ padding: 0 16px;
+ font-size: 14px;
+ color: #323232;
+ cursor: pointer;
+ transition: all 0.2s;
+}
+
+.ai-prompt-bubble:hover {
+ background: #e0f2fe;
+ border-color: #0284c7;
+}
+
+.refresh-content p {
+ font-size: 16px;
+ margin: 0;
+}
\ No newline at end of file
diff --git a/src/views/Exam.vue b/src/views/Exam.vue
index 1621792..07d73ac 100644
--- a/src/views/Exam.vue
+++ b/src/views/Exam.vue
@@ -1657,6 +1657,10 @@ onMounted(() => {
font-weight: 500;
}
+.progress-text span {
+ color: #999;
+}
+
.progress-text .progress-current {
color: #000;
}
diff --git a/src/views/HelpCenter.vue b/src/views/HelpCenter.vue
index 7f28c2a..4633fdd 100644
--- a/src/views/HelpCenter.vue
+++ b/src/views/HelpCenter.vue
@@ -1,5 +1,13 @@
+
+
+
帮助中心
问题一次性解决
@@ -133,6 +141,22 @@
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
+
+
+
1.如何在线上注册账号？
+
+
+ 浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
+
+
+
+
1.如何在线上注册账号？
+
+
+ 浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
+
@@ -144,18 +168,117 @@
\ No newline at end of file
diff --git a/src/views/Practice.vue b/src/views/Practice.vue
index c4578b0..0effd02 100644
--- a/src/views/Practice.vue
+++ b/src/views/Practice.vue
@@ -55,7 +55,7 @@
@@ -430,40 +430,84 @@
-
-
-
-
-
{{ finalScore }}
-
总分
-
-
-
{{ correctCount }}
-
正确题数
-
-
-
{{ questions.length - correctCount }}
-
错误题数
-
-
-
{{ questions.length > 0 ? Math.round((correctCount / questions.length) * 100)
- : 0 }}%
-
正确率
+
+
+
难度:4.8
+
+
+
+
+
+
我的得分
+
{{ finalScore }}
+
-
-
@@ -1381,7 +1425,7 @@ const confirmSubmit = () => {
calculatePracticeResult()
showPracticeResultModal.value = true
} else {
- executeSubmit()
+ executeSubmit()
}
}
@@ -1447,9 +1491,9 @@ const executeSubmit = () => {
// }
// 返回课程
-const goBack = () => {
- router.push(`/course/${courseId.value}`)
-}
+// const goBack = () => {
+// router.push(`/course/${courseId.value}`)
+// }
// 返回课程列表
const goHome = () => {
@@ -1496,7 +1540,7 @@ onMounted(() => {
initializeAnswers()
// 练习页面直接开始，不需要等待用户点击
- startExam()
+ startExam()
})
// 关闭练习结果弹窗
@@ -1505,10 +1549,10 @@ const closePracticeResult = () => {
}
// 查看练习详情
-const reviewPractice = () => {
- // 这里可以实现查看练习详情的功能
- console.log('查看练习详情')
-}
+// const reviewPractice = () => {
+// // 这里可以实现查看练习详情的功能
+// console.log('查看练习详情')
+// }
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 2875d05..0b2f2cc 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -1,5 +1,12 @@
+
+
@@ -231,7 +238,7 @@
fontSize: '14px'
}">
{{ detailAssignment.status === '未完成' || detailAssignment.status === '待提交' ? '未完成' :
- (detailAssignment.status === '已完成' ? '已完成' : '541人已完成') }}
+ (detailAssignment.status === '已完成' ? '已完成' : '541人已完成') }}
@@ -660,7 +667,7 @@
{{ activity.status === 'ongoing' ? '进行中' :
'已结束'
- }}
+ }}
@@ -1024,38 +1031,42 @@
-
-
-
-
{{ currentAssignment.title }}
-
{{ currentAssignment.description }}
-
-
- {{ file.name }}
- {{ (file.size / 1024).toFixed(2) }} KB
-
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+ 
+ 
+ 
+ 
+ 
+ 笔记
+ 
+ 做作业
+ 
+ 智能问答
+ 
+ 随便聊聊
+