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