修改样式

src/components/study.vue

@@ -180,7 +180,7 @@
                       <el-form-item label="文档标题" class="textTitle">
                         <div style="font-size: 22px">{{ text.name }}</div>
                       </el-form-item>
-                      <div>文档内容</div>
+                      <div style="color: #918f8f">文档内容</div>
                       <div v-html="text.url" class="textContent"></div>
                     </el-form>
                   </div>
@@ -873,7 +873,6 @@
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
                       >
-                        <!-- @click="previewImg(w.works)" -->
                         <div class="workImg">
                           <!-- <img
                             src="../assets/icon/works/noImg.png"
@@ -882,15 +881,18 @@
                           /> -->
                           <div class="answerBg">
                             <div>{{ w.sName }}</div>
-                            <div class="answerContent">
+                            <el-tooltip
+                              class="item"
+                              effect="light"
+                              :content="JSON.parse(w.works)[0].answer"
+                              placement="top"
+                            >
+                             <div class="answerContent">
                               {{ JSON.parse(w.works)[0].answer }}
                             </div>
+                            </el-tooltip>
                           </div>
-                          <!-- <div>{{ JSON.parse(w.works)[0].answer }}</div> -->
                         </div>
-                        <!-- <div class="worksName">
-                          姓名：<span>{{ w.sName }}</span>
-                        </div> -->
                       </div>
                     </div>
                     <div
@@ -3702,7 +3704,7 @@ export default {
 }
 .cru_selectBox::-webkit-scrollbar,
 .study_top::-webkit-scrollbar,
-.answerContent::-webkit-scrollbar {
+.textContent::-webkit-scrollbar {
   /*滚动条整体样式*/
   width: 6px;
   /*高宽分别对应横竖滚动条的尺寸*/
@@ -3712,7 +3714,7 @@ export default {
 /*定义滚动条轨道 内阴影+圆角*/
 .cru_selectBox::-webkit-scrollbar-track,
 .study_top::-webkit-scrollbar-track,
-.answerContent::-webkit-scrollbar {
+.textContent::-webkit-scrollbar {
   border-radius: 10px;
   background-color: #eee;
 }
@@ -3720,7 +3722,7 @@ export default {
 /*定义滑块 内阴影+圆角*/
 .cru_selectBox::-webkit-scrollbar-thumb,
 .study_top::-webkit-scrollbar-thumb,
-.answerContent::-webkit-scrollbar-thumb {
+.textContent::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: rgba(0, 0, 0, 0.1);
@@ -3806,6 +3808,10 @@ export default {
   width: 100%;
   height: 100%;
 }
+.workImg > img {
+  width: 100%;
+  height: 100%;
+}
 
 .worksName {
   margin: 5px 0 0 0;
@@ -3851,7 +3857,7 @@ export default {
 }
 .textContent {
   font-size: 18px;
-  padding: 40px 0px 0px;
+  padding: 30px 0px 0px;
   height: 300px;
   width: 85%;
   overflow: auto;
@@ -3877,8 +3883,11 @@ export default {
   font-size: 18px;
   width: 215px;
   height: 60px;
-  overflow-y: auto;
+  /* overflow-y: auto; */
   word-break: break-all;
-  text-align: left;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 </style>