Ver código fonte

调整了我的课程页面的颜色样式,准备修复图片上传的问题

WCG2025 7 meses atrás
pai
commit
d555a4a3f1

+ 4 - 4
src/views/AIEvaluationPage/AIEvaluationPage.vue

@@ -9,7 +9,7 @@
 
       <el-card  shadow="never">
         <!-- 原文标识 -->
-        <div style="display: flex;justify-content: center;align-items: center;width: 100px; height: 50px; background-color:var(--system-color); position: absolute; top: 40px; left: 0; clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%);">
+        <div style="display: flex;justify-content: center;align-items: center;width: 100px; height: 50px; background-color:#87CEEB; position: absolute; top: 40px; left: 0; clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%);">
           <span style="margin-left: -20px;color: white">原文</span>
         </div>
         <!-- 作文内容展示区域 -->
@@ -136,7 +136,7 @@
           left: -20px;
           width: 80px;
           height: 40px;
-          background: var(--system-color);
+          background: #87CEEB;
           clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%);
           color: white;
           display: flex;
@@ -392,8 +392,8 @@ export default {
 }
 
 .version-item.active {
-  background: rgba(89, 125, 59, 0.1);
-  border: 1px solid rgba(89, 125, 59, 0.3);
+  background: #E0F7FF;
+  border: 1px solid rgba(135, 206, 235, 0.8);
   box-sizing: border-box;
 }
 

+ 3 - 2
src/views/CoursePage/CoursePage.vue

@@ -7,10 +7,11 @@
   <el-card style="margin: 10px auto 0;height: 100%; width: 80%" shadow="never">
     <el-button :icon="Refresh" circle @click="doRefresh"></el-button>
     <template v-if="role == 'teachers'">
-      <el-button @click="visible = !visible" color="#597d3b">新增课程</el-button>
+      <el-button @click="visible = !visible" style="background-color: #409EFF; border-color: #409EFF; color: white;">新增课程</el-button>
     </template>
     <el-input v-model="courseName" placeholder="请输入课程名称" clearable style="width: 180px; margin: 0 10px 0 10px ;"/>
-    <el-button color="#597D3B" @click="handleSearch">
+    <el-button   style="background-color: #409EFF; border-color: #409EFF; color: white;" 
+ @click="handleSearch">
       <el-icon style="margin-right: 3px"><Search/></el-icon>
       查询
     </el-button>

+ 3 - 3
src/views/CourseSquare/component/CourseDetails/component/CourseHomeworkTable.vue

@@ -6,7 +6,7 @@
 <template>
   <el-card>
     <template v-if="props.role == 'teachers'">
-      <el-button color="#597d3b" @click="isTypeDialogVisible=true" v-if="props.isShowNewHomework">新建作业</el-button>
+      <el-button style="background-color: #6A9BD8; color: white;" @click="isTypeDialogVisible=true" v-if="props.isShowNewHomework">新建作业</el-button>
     </template>
     <template v-if="props.tableData.length > 0">
       <el-table :data="props.tableData" stripe style="width: 100%" height="100%" show-overflow-tooltip>
@@ -22,7 +22,7 @@
         <!-- TODO:找到了 详情界面 -->
         <el-table-column label="详情" width="60">
           <template #default="scope">
-            <el-button color="#597d3b" circle @click="openEditor(scope.row.descriptionFile, scope.row.assignmentName)">
+            <el-button   style="background-color: #6A9BD8; color: white;" circle @click="openEditor(scope.row.descriptionFile, scope.row.assignmentName)">
               <el-icon :size="18">
                 <Search />
               </el-icon>
@@ -32,7 +32,7 @@
         <el-table-column :label="role == 'teachers'? '编辑':'开始'" width="60">
           <template #default="scope">
             <el-button @mouseover="handleMouse('over', scope.row.teacherId, scope.row.endDate)" @mouseleave="handleMouse('leave', scope.row.teacherId, scope.row.endDate)"
-                color="#597d3b" circle @click="handleFunctionButton(scope.row.assignmentId,scope.row.type)" :disabled="props.disabled || isDisabled(scope.row.teacherId, scope.row.endDate)">
+                style="background-color: #6A9BD8; color: white;" circle @click="handleFunctionButton(scope.row.assignmentId,scope.row.type)" :disabled="props.disabled || isDisabled(scope.row.teacherId, scope.row.endDate)">
               <el-icon :size="18">
                 <Edit />
               </el-icon>

+ 4 - 4
src/views/CourseSquare/component/CourseDetails/index.vue

@@ -31,8 +31,8 @@
             <el-button color="#597d3b" @click="enroll">加入课程</el-button>
           </template>
           <template v-if="showEdit && role == 'teachers'">
-            <el-button color="#597d3b" @click="visible = true; fileList[0] = {name: '壁纸', url: newCourseInfo.courseImages[0]}">编辑课程</el-button>
-            <el-button color="#4a90c4" style="color: #fff" @click="$router.push(`/home/courseClass/${courseId}`)">班级管理</el-button>
+            <el-button style="background-color: #4a90c4 ;color: white" @click="visible = true; fileList[0] = {name: '壁纸', url: newCourseInfo.courseImages[0]}">编辑课程</el-button>
+            <el-button  style="background-color: #4a90c4 ;color: white" @click="$router.push(`/home/courseClass/${courseId}`)">班级管理</el-button>
           </template>
         </div>
       </div>
@@ -596,7 +596,7 @@ onMounted(() => {
 
 <style scoped>
 ::v-deep .el-tabs__item {
-  color:#597D3B;
+  color:#6A9BD8;
   opacity: 1;
 }
 
@@ -612,7 +612,7 @@ onMounted(() => {
 
 /* 下划线颜色 */
 ::v-deep .el-tabs__active-bar {
-  background-color: #597D3B;
+  background-color: #6A9BD8;
 }
 
 :deep(.el-upload-dragger) {