style: 更新样式以优化课程管理界面,调整消息框和过滤器布局,增强用户体验。

(cherry picked from commit 2d06dde984)
This commit is contained in:
huweihang
2025-12-12 15:13:37 +08:00
parent 9ae159d047
commit 5454ead5cf
3 changed files with 501 additions and 404 deletions

View File

@@ -31,9 +31,15 @@
<i class="el-icon-s-operation"></i>
</div>
<div class="row-cell row-cell--order">{{ index + 1 }}</div>
<div class="row-cell row-cell--name" :title="item.name">{{ item.name }}</div>
<div class="row-cell row-cell--teacher" :title="item.teacherName || '-'">
{{ item.teacherName || '-' }}
<div class="row-cell row-cell--name">
<el-tooltip :content="item.name" placement="top" :disabled="!item.name">
<div class="cell-text">{{ item.name }}</div>
</el-tooltip>
</div>
<div class="row-cell row-cell--teacher">
<el-tooltip :content="item.teacherName || '-'" placement="top" :disabled="!item.teacherName">
<div class="cell-text">{{ item.teacherName || '-' }}</div>
</el-tooltip>
</div>
</div>
</div>
@@ -202,6 +208,7 @@ export default {
.row-cell--name,
.row-cell--teacher {
color: #303133;
overflow: hidden;
}
.row-cell--name {
@@ -212,6 +219,13 @@ export default {
color: #666;
}
.cell-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.row-cell--handle i {
font-size: 20px;
color: #c0c4cc;