修改任务名称样式问题

src/components/study.vue

@@ -77,7 +77,13 @@
         >
           <div class="courseIndex">
             <div>第{{ courseType - 0 + 1 }}阶段</div>
-            <div>{{ chapInfoList[courseType].dyName }}</div>
+            <el-tooltip
+              effect="light"
+              :content="chapInfoList[courseType].dyName"
+              placement="top"
+            >
+              <div>{{ chapInfoList[courseType].dyName }}</div>
+            </el-tooltip>
             <div>任务{{ taskCount + 1 }}</div>
           </div>
           <div class="btnAll">
@@ -4067,6 +4073,10 @@ export default {
 }
 .courseIndex > div:nth-child(2) {
   font-size: 23px;
+  width: 300px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .courseIndex > div:nth-child(3) {
   border-bottom: 1px solid #d7d7d7;