课堂助手

src/components/classRoomHelper/component/dialogArea.vue

@@ -28,7 +28,10 @@
 			</div>
 			<div class="d_bottom">
 				<div class="d_b_btnArea">
-					<div class="d_b_ba-item" @click.stop="choiceRole()">选择角色</div>
+					<div class="d_b_ba-item" @click.stop="choiceRole()">
+					<img style="width: 20px;" src="../../../assets/icon/course/role.png" alt="">
+					选择角色
+				</div>
 				</div>
 				<div class="d_b_inputArea">
 					<div class="d_b_tape" @click="goTape()"></div>
@@ -51,7 +54,30 @@
 					<span>您希望以下哪个角色回答您的问题，请选择：</span>
 				</div>
 
-				<div class="filterSubjects">
+				<div class="characterBlock" v-for="(item,index) in roleList" :key="item.id" @click.stop="roleType=index">
+					<div class="imgLeft">
+						<div class="img">
+							<img style="width: 100%;height: 100%;" :src="item.avatar">
+						</div>
+					</div>
+					<div class="txtRight">
+						<div class="bir">{{ item.bir }}</div>
+						<div :style="{color: '#fff',display: roleType ==index?'block':'none'  }">已选择</div>
+						<!-- <span></span> -->
+					</div>
+				</div>
+				<div class="characterBlock" @click="addCharacter">
+					<div class="imgLeft">
+						<div class="img2">
+							<img style="width: 100%;height: 100%;" src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/basil_add-outline1715564539170.png">
+						</div>
+					</div>
+					<div class="txtRight">
+						<div style="color: #fff;margin-left: 5px;">添加新角色</div>
+					</div>
+				</div>
+
+				<!-- <div class="filterSubjects">
 					<div class="fs_title">筛选科目</div>
 					<div class="fs_box">
 						<div :class="['fs_b_item',subjectsType==index?'fs_b_itemActive':'']" v-for="(item,index) in subjectsList" :key="index" @click="subjectsType = index">{{ item }}</div>
@@ -66,7 +92,7 @@
 							<span>{{ item.name }}</span>
 						</div>
 					</div>
-				</div>
+				</div> -->
 			</div>
 			<div class="choiceBottom">
 				<el-button class="cb_btn" size="mini" @click="noChangeRole()">取消</el-button>
@@ -77,7 +103,6 @@
 </template>
 
 <script>
-
 	export default {
 		data(){
 			return{
@@ -90,31 +115,31 @@
 				rightRole:-1,
 				loading:false,
 				roleList:[
-					{id:0,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"爱因斯坦"},
-					{id:1,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"居里夫人"},
-					{id:2,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"达尔文"},
-					{id:3,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"莱昂纳多·达芬奇"},
-					{id:4,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"列文虎克"},
-					{id:5,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·瓦特"},
-					{id:6,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"瑞秋·卡森"},
-					{id:7,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"尼古拉·特斯拉"},
-					{id:8,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"约翰·穆尔"},
-					{id:9,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"艾萨克·牛顿"},
-					{id:10,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"伽利略"},
-					{id:11,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"格雷戈尔·孟德尔"},
-					{id:12,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"张衡"},
-					{id:13,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"李时珍"},
-					{id:14,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"钱学森"},
-					{id:15,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"阿基米德"},
-					{id:16,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"霍金"},
-					{id:17,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"蔡伦"},
-					{id:18,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·瓦特"},
-					{id:19,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"路易·巴斯德"},
-					{id:20,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"阿尔弗雷德·诺贝尔"},
-					{id:21,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·麦克斯韦"},
-					{id:22,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"亚历山大·格拉汉姆·贝尔"},
-					{id:23,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"约翰内斯·开普勒"},
-					{id:24,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"安德烈·安培"},
+					{id:0,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"爱因斯坦",bir:'我是爱因斯坦'},
+					{id:1,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"居里夫人",bir:'我是居里夫人'},
+					{id:2,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"达尔文",bir:'我是达尔文'},
+					// {id:3,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"莱昂纳多·达芬奇"},
+					// {id:4,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"列文虎克"},
+					// {id:5,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·瓦特"},
+					// {id:6,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"瑞秋·卡森"},
+					// {id:7,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"尼古拉·特斯拉"},
+					// {id:8,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"约翰·穆尔"},
+					// {id:9,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"艾萨克·牛顿"},
+					// {id:10,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"伽利略"},
+					// {id:11,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"格雷戈尔·孟德尔"},
+					// {id:12,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"张衡"},
+					// {id:13,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"李时珍"},
+					// {id:14,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"钱学森"},
+					// {id:15,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"阿基米德"},
+					// {id:16,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"霍金"},
+					// {id:17,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"蔡伦"},
+					// {id:18,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·瓦特"},
+					// {id:19,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"路易·巴斯德"},
+					// {id:20,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"阿尔弗雷德·诺贝尔"},
+					// {id:21,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"詹姆斯·麦克斯韦"},
+					// {id:22,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"亚历山大·格拉汉姆·贝尔"},
+					// {id:23,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"约翰内斯·开普勒"},
+					// {id:24,avatar:require("../../../assets/icon/course/aiAvatar.png"),name:"安德烈·安培"},
 				],
 				chatList:[
 					{
@@ -126,6 +151,9 @@
 			}
 		},
 		methods: {
+			addCharacter(){
+				this.$message.info("点击了添加新角色")
+			},
 			choiceRole(){
 				if(this.loading)return this.$message.info("请稍等")
 				this.cardType = 1;
@@ -332,6 +360,53 @@
 	height: 100%;
 }
 
+.characterBlock{
+	display: flex;
+	background: rgba(54, 169, 252, 1);
+	width: 80%;
+	height: 80px;
+	margin: 0 auto;
+	border-radius: 10px;
+	margin-bottom: 15px;
+	cursor: pointer;
+}
+.characterBlock > .imgLeft{
+	width: 100px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.characterBlock > .imgLeft > .img{
+	width: 60px;
+	height: 60px;
+	overflow: hidden;
+	border-radius: 50%;	
+}
+.characterBlock > .imgLeft > .img2{
+	width: 70px;
+	height: 70px;
+	overflow: hidden;
+	border-radius: 50%;	
+}
+.characterBlock > .txtRight{
+	flex: 1;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+}
+.characterBlock > .txtRight > .bir{
+	width: 150px;
+	height: 35px;
+	display: flex;
+	align-items: center;
+	background-color: #fff;
+	border-radius: 10px;
+	box-sizing: border-box;
+	padding: 5px 10px;
+	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+	margin-right: 10px;
+}
+
 .d_top{
 	width: 100%;
 	height: calc(100% - 90px);
@@ -587,6 +662,7 @@
 .choiceRoleHeader{
 	width: 100%;
 	margin: 10px;
+	margin-bottom: 20px;
 }
 
 .choiceRoleHeader>div{

src/components/classRoomHelper/component/searchArea.vue

@@ -43,6 +43,9 @@
         </div>
 
         <div class="s_t_c_ai" v-if="item.role == 'ai'">
+          <div class="aiCopy">
+            <img style="width: 30px;" src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%A4%8D%E5%88%B6%E5%9B%BE%E6%A0%871715569581741.png" alt="">
+          </div>
           <div class="s_t_c_a_left">
             <span>Ai</span>
           </div>
@@ -58,7 +61,7 @@
               v-loading="loading && index == chatList.length - 1"
               v-if="item.type == 1"
             >
-              <span>为您找到以下图片</span>
+              <span style="margin-bottom: 10px;">为您找到以下图片:</span>
               <!-- <el-image 
   							  style="width: 45%;height: 125px;margin: 1% 1.5%;"
   							  v-for="(item,index) in item.content"
@@ -72,6 +75,14 @@
                 :key="index"
                 :src="item"
               />
+              <div class="imgNumberBlock">
+                <div class="imgNumber" v-for="(i,index) in imgNumList" :key="index+'b'">
+                  {{ i }}
+                </div>
+                <div  class="imgNumber" style="background: none;">
+                  <img style="width: 36px;height: 30px;" src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame%20131715569413607.png" alt="">
+                </div>
+              </div>
             </div>
             <div class="s_t_c_a_r_time">{{ item.time }}</div>
           </div>
@@ -79,8 +90,9 @@
       </div>
     </div>
     <div class="s_bottom">
-      <div class="s_b_btnArea">
-        <!-- <div class="s_b_ba-item" @click.stop="choiceRole()">选择角色</div> -->
+      <!-- <div class="s_b_ba-item" @click.stop="choiceRole()">选择角色</div> -->
+
+      <!-- <div class="s_b_btnArea">
         <div class="s_b_ba-item">
           <el-checkbox
             :disabled="loading"
@@ -97,7 +109,7 @@
             >视频</el-checkbox
           >
         </div>
-      </div>
+      </div> -->
       <div class="s_b_inputArea">
         <div class="s_b_tape" @click="goTape()"></div>
         <div class="s_b_input">
@@ -127,6 +139,9 @@ export default {
       loading: false,
       imageCheck: false,
       videoCheck: false,
+      imgNumList:[
+        'U1','U2','U3','U4'
+      ],
       wantSearch: [
         {
           index: 1,
@@ -349,6 +364,25 @@ https://www.bilibili.com/video/BV1ZD4y1U7H7/ `;
   height: 100%;
   box-sizing: border-box;
 }
+.imgNumberBlock{
+  width: 100%;
+  height: 30px;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  /* padding: 5px 10px; */
+}
+.imgNumberBlock > .imgNumber {
+  width: 18%;
+  height: 30px;
+  white-space:initial;
+  background: rgba(224, 234, 251, 1);
+  border-radius: 5px; 
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  justify-content: center;
+}
 
 .s_top {
   width: 100%;
@@ -402,6 +436,7 @@ https://www.bilibili.com/video/BV1ZD4y1U7H7/ `;
   width: 45%;
   height: 125px;
   margin: 1% 1.5%;
+  border-radius: 5px;
   cursor: pointer;
 }
 
@@ -448,6 +483,15 @@ https://www.bilibili.com/video/BV1ZD4y1U7H7/ `;
 .s_t_c_ai {
   box-sizing: border-box;
   padding-right: 35px;
+  position: relative;
+}
+
+.aiCopy{
+  position: absolute;
+  right: 5px;
+  bottom: 0%;
+  transform: translate(0,-30%);
+  cursor: pointer;
 }
 
 .s_t_c_a_right {

src/components/classRoomHelper/component/taskArea.vue

@@ -79,7 +79,7 @@
 				<!-- <div class="s_b_ba-item" @click.stop="choiceRole()">选择角色</div> -->
 				<div class="t_b_ba_item" @click="sendType('智能总结')">智能总结</div>
 				<div class="t_b_ba_item" @click="sendType('智能出题')">智能出题</div>
-				<div class="t_b_ba_item" @click="sendType('优秀标兵')">优秀标兵</div>
+				<!-- <div class="t_b_ba_item" @click="sendType('优秀标兵')">优秀标兵</div> -->
 				<div class="t_b_ba_item" @click="sendType('扩展知识')">扩展知识</div>
 			</div>
 			<div class="t_b_inputArea">

src/components/studyStudent.vue

@@ -39,7 +39,13 @@
       <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
         <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
         <div style="border-bottom: 1px solid #cad1dc; width: 100%">
-          <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
+          <!-- <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}"> -->
+          <div class="courseTitle">
+            <el-tooltip effect="light" content="收缩" placement="top">
+              <div class="mlImg" @click="setContent2(false)">
+                  <img src="../assets/icon/newIcons/launch.png" alt="" />
+              </div>
+            </el-tooltip>
             <div
               style="
                 max-width: calc(100% - 40px);
@@ -61,16 +67,15 @@
                 </div>
               </el-tooltip>
             </div>
-            <el-tooltip effect="light" content="收缩" placement="top">
+            <!-- <el-tooltip effect="light" content="收缩" placement="top">
               <div class="mlImg" @click="setContent2(false)">
                 <img src="../assets/icon/newIcons/isRight.png" alt="" />
               </div>
-            </el-tooltip>
+            </el-tooltip> -->
           </div>
           <div
             class="inviteBox"
             v-if="tcid && inviteCode"
-            style="padding: 0 0 8px 0"
           >
             <div>
               <span>随机码：{{ inviteCode }}</span>
@@ -90,6 +95,9 @@
                 // stageBoxIsCss: stageIndex == courseType,
                }"
             >
+              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
+                <img src="../assets/icon/newIcons/chevronUp.png" alt />
+              </div>
               <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
                 <div>阶段{{ stageIndex + 1 }}</div>
                 <el-tooltip
@@ -105,9 +113,7 @@
               <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
                 <img src="../assets/icon/newIcons/downC.png" alt />
               </div> -->
-              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
-                <img src="../assets/icon/newIcons/right.png" alt />
-              </div>
+             
             </div>
             <div class="stageChild" :class="{ navActive: item.isOpen }">
               <div v-for="(nav, navIndex) in item.task" :key="navIndex">
@@ -126,14 +132,14 @@
                       v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
                     </div>
                     <div
                       class="closeTri1"
                       v-else
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(-90deg)':'rotate(-90deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
                     </div>
                   </div>
                   <div v-else class="noToolBlue"></div>
@@ -258,7 +264,7 @@
             </el-tooltip>
           </div>
           <div class="btnAll">
-            <div class="btnLeft">
+            <!-- <div class="btnLeft">
               <el-tooltip effect="light" content="刷新" placement="top">
                 <div class="reBtnIcon" @click="refreshCourse">
                   <span>刷新</span>
@@ -283,8 +289,8 @@
                   </div>
                 </el-tooltip>
               </div>
-            </div>
-            <div class="btnRight">
+            </div> -->
+            <!-- <div class="btnRight">
               <div
                 class="last"
                 @click="nextOrpreSteps(0)"
@@ -368,7 +374,7 @@
                 </div>
                 <div class="lastText" style="color: #000">返回</div>
               </div>
-            </div>
+            </div> -->
 
             <!-- <div
               class="returnBtn lockIcon"
@@ -649,8 +655,8 @@
                   >
                     <div class="navCorOpenBox">
                       <div class="navTitile">内容列表：</div>
-                      <div class="navCorOpen" @click="setContent(false)">
-                        <img src="../assets/icon/newIcons/isRight.png" alt="" />
+                      <div class="navCorOpen" style="transform:rotate(180deg)" @click="setContent(false)">
+                        <img src="../assets/icon/newIcons/launch.png" alt="" />
                       </div>
                     </div>
                     <div class="navBox">
@@ -665,26 +671,36 @@
                           class="vedioTimeBox"
                           v-for="(vitem, vindex) in vChapterData[taskCount]"
                           :key="vindex + '1'"
+                          
                         >
-                          <div class="navListItem" v-if="vitem.type == 2">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 2">
                             <div
                               @click="lookVedio(vitem.url, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
+
+                            <!-- <div class="downIcon" @click="downloadFile2(vitem)"> -->
+                            <div class="downIcon">
+                              <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt="">
+
+                              <!-- <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              /> -->
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
 
-                          <div class="navListItem" v-if="vitem.type == 6">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 6">
                             <div
                               @click="lookText(taskCount, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               {{ vitem.name }}.doc
                             </div>
@@ -692,20 +708,24 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
+                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
                               <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
                           <div
                             class="navListItem"
+                            :class="isClickNav == vindex ? 'isClickNav' : ''"
                             v-if="vitem.type == 8 || vitem.type == 14"
                           >
                             <div
                               @click="doUrl(vitem.url, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
@@ -713,17 +733,20 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
-                          <div class="navListItem" v-if="vitem.type == 3">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 3">
                             <div
                               @click="downFile(vitem, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
@@ -732,14 +755,13 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
                           <div class="navListItem" v-if="vitem.type == 12">
                             <div class="navText" @click="downloadFile2(vitem)">
@@ -750,25 +772,28 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            <img :src="isClickNav == vindex ? '../assets/icon/newIcon/download.png':'../assets/icon/newIcon/download2.png'" alt />
                           </div>
-                          <div class="navListItem" v-if="vitem.type == 13">
+                          <div class="navListItem"  :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 13">
                             <div
                               class="navText"
                               @click="checkPhoto(vitem, vindex)"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                             
                             >
                               {{ vitem.name }}
                             </div>
                             <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
+                              <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              />
+                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
                             </div>
                           </div>
                         </div>
@@ -791,10 +816,12 @@
                                 class="downIcon"
                                 @click="downloadFile2(vitem)"
                               >
-                                <img
-                                  src="../assets/icon/newIcon/down.png"
-                                  alt
-                                />
+                              <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              />
+                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
                               </div>
                             </div>
                           </div>
@@ -20547,12 +20574,13 @@ export default {
 }
 
 .courseTitle {
-  width: 85%;
-  margin: 10px auto 26px auto;
+  width: 90%;
+  margin: 30px auto 15px auto;
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  /* justify-content: space-between; */
+  justify-content: flex-start;
   text-align: center;
 }
 
@@ -20568,8 +20596,13 @@ export default {
 .inviteBox {
   font-size: 14px;
   /* margin-top: 5px; */
+  /* margin: 15px 0; */
+  padding: 0 15px;
+  padding-left: 46px;
+  margin-bottom: 15px;
+  width: 100%;
   color: #00000099;
-  text-align: center;
+  text-align: ringht;
 }
 
 .courseTitle >>> .el-tooltip {
@@ -21330,12 +21363,14 @@ export default {
   width: calc(100% - 20px);
   height: 50px;
   margin: 0px auto 10px;
+  box-sizing: border-box;
+  padding: 0 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
-  background: #f0f4fa;
+  /* background: #f0f4fa; */
   border-radius: 6px 6px 6px 6px;
 }
 
@@ -21345,15 +21380,15 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   width: 220px;
-  padding: 0 10px;
+  /* padding: 0 10px; */
   font-weight: 400;
-  color: #0e1e33;
+  /* color: #0e1e33; */
 }
 
 .downIcon {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
   margin-right: 15px;
   cursor: pointer;
 }
@@ -22241,8 +22276,9 @@ export default {
 }
 
 .isClickNav {
-  /* color: #499eef; */
-  color: #000;
+  color: #499eef;
+  /* color: #000; */
+  background: rgba(224, 234, 251, 1);
 }
 
 .commentImg {
@@ -23735,9 +23771,9 @@ ol {
 }
 
 .navCorOpen {
-  padding-right: 15px;
+  padding-left: 15px;
   cursor: pointer;
-  width: 45px;
+  width: 23px;
   display: flex;
 }
 
@@ -23747,10 +23783,13 @@ ol {
 }
 
 .mlImg {
-  width: 40px !important;
-  min-width: 40px;
+  width: 23px !important;
+  /* min-width: 30px; */
+  display: flex;
+  align-content: center;
+  margin-right: 6px;
   cursor: pointer;
-  transform: rotate(180deg);
+  /* transform: rotate(180deg); */
 }
 
 .mlImg > img {
@@ -23849,7 +23888,7 @@ ol {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  margin-left: 15px;
+  margin-left: 5px;
   width: calc(100% - 50px);
 }
 .stageNav{
@@ -23868,9 +23907,9 @@ ol {
 }
 .closeTri,
 .closeTri1 {
-  min-width: 15px;
-  width: 15px;
-  height: 15px;
+  min-width: 25px;
+  width: 25px;
+  height: 25px;
   transition: all .5s;
 }