Merge pull request 'fix:样式调整;' (#53) from yws_dev into main

Reviewed-on: #53
This commit is contained in:
yangws 2024-11-21 16:33:03 +08:00
commit c97470ccb0
1 changed files with 8 additions and 5 deletions

View File

@ -26,7 +26,7 @@
<template #default="scope">
<div style="height: 100px;cursor: pointer">
<div style="display: flex;align-items: center;justify-content: space-between;">
<div style="width: 100%;">
<div style="width: 90%;">
<div class="pageleft-table-top">
<span>{{ scope.row.uniquekey }}</span>
</div>
@ -34,14 +34,14 @@
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
</div>
<div class="pageleft-table-cont">
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
</div>
</div>
<svg class="icon iconfont" aria-hidden="true">
<use xlink:href="#icon-xiangyou"></use>
</svg>
</div>
<div class="pageleft-table-cont">
<p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
</div>
</div>
</template>
</el-table-column>
@ -743,13 +743,16 @@ const editWork = async (cform) =>{
// overflow: hidden;
// flex-direction: row;
// text-overflow: ellipsis;
width: 230px; /* 设置容器的宽度 */
width: 100%; /* 设置容器的宽度 */
overflow: hidden; /* 隐藏超出容器的部分 */
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
.ellipsis {
width: 100%;
text-align: left;
overflow: hidden; /* 隐藏超出容器的部分 */
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
}
}