|
@@ -92,7 +92,14 @@
|
|
|
" alt="" />
|
|
|
</div>
|
|
|
<div class="middle_white">
|
|
|
- <div class="textOverflow">{{ item.title }}</div>
|
|
|
+ <div class="textOverflow">
|
|
|
+ <el-tooltip effect="light" :content="item.title" placement="top">
|
|
|
+ <span class="utitle">{{ item.title }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip effect="light" :content="item.uname" placement="top">
|
|
|
+ <span class="uname">{{ item.uname }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
<div class="nameAndLength">
|
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
|
<div>{{ item.typename }}</div>
|
|
@@ -161,7 +168,14 @@
|
|
|
" alt="" />
|
|
|
</div>
|
|
|
<div class="middle_white">
|
|
|
- <div class="textOverflow">{{ item.title }}</div>
|
|
|
+ <div class="textOverflow">
|
|
|
+ <el-tooltip effect="light" :content="item.title" placement="top">
|
|
|
+ <span class="utitle">{{ item.title }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip effect="light" :content="item.uname" placement="top">
|
|
|
+ <span class="uname">{{ item.uname }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
<div class="nameAndLength">
|
|
|
<el-tooltip class="typeN" effect="light" :content="item.typename" placement="top">
|
|
|
<div>{{ item.typename }}</div>
|
|
@@ -1030,12 +1044,27 @@ export default {
|
|
|
|
|
|
.textOverflow {
|
|
|
padding: 0 5px 0 0px;
|
|
|
- width: 95%;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.textOverflow > .utitle{
|
|
|
+ max-width: calc(100% - 100px);
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.textOverflow > .uname{
|
|
|
+ max-width: 90px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
.student_page {
|