forked from liweijie/education
样式调整
This commit is contained in:
@@ -95,26 +95,6 @@ a,
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* ===== 全局表格内容居中:所有页面表头与数据单元格统一居中对齐 =====
|
||||
覆盖 Element 表头(.el-table__cell th)与数据(.el-table__cell td)的默认左对齐,
|
||||
含固定列(eltable__fixed);!important 用于覆盖列配置 align 时 Element 注入的
|
||||
内联 text-align(如 align="left/right"),确保按需求强制全部居中。
|
||||
选中列复选框(el-checkbox)不受影响。 */
|
||||
.el-table th.el-table__cell > .cell,
|
||||
.el-table td.el-table__cell > .cell {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* ===== 全局隐藏表格底部横向滚动条 =====
|
||||
页面已实现横向拖拽滑动(el-table__body-wrapper.is-dragging),故隐藏
|
||||
Element 的横向滚动条(.el-scrollbar__bar.is-horizontal),避免视觉重复。
|
||||
!important:Element 的 ScrollbarBar 会通过内联 style="display:block"
|
||||
控制该横条显隐,普通 display:none 无法覆盖内联样式,必须加 !important。
|
||||
纵向滚动条(el-scrollbar__bar.is-vertical)不受影响。 */
|
||||
.el-table .el-scrollbar__bar.is-horizontal {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
|
||||
@@ -422,6 +422,7 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="search-tip">注意:勾选"选择框"表示启用该项对应的查询条件,输入框非空表示启用查询条件。</div>
|
||||
<div class="search-actions">
|
||||
<el-button type="primary" @click="handleCourseQuery">查询</el-button>
|
||||
</div>
|
||||
|
||||
@@ -665,22 +665,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
|
||||
::v-deep .el-table ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .el-table {
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .el-table__body-wrapper {
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
// ==================== 3. 新增/修改表单 ====================
|
||||
.add-form {
|
||||
max-height: 62vh;
|
||||
|
||||
@@ -295,21 +295,5 @@ export default {
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
|
||||
::v-deep .el-table ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .el-table {
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .el-table__body-wrapper {
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -412,11 +412,6 @@ export default {
|
||||
this.fetchList()
|
||||
},
|
||||
methods: {
|
||||
/** 序号:按当前页数据索引生成跨页连续的序号 */
|
||||
fmtXh(index) {
|
||||
return (this.pageNum - 1) * this.pageSize + index + 1
|
||||
},
|
||||
|
||||
/** 创建空表单 */
|
||||
createEmptyForm() {
|
||||
return {
|
||||
|
||||
@@ -81,6 +81,14 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-alert
|
||||
class="query-tip"
|
||||
title="注意:勾选'选择框'表示启用该项对应的查询条件"
|
||||
type="info"
|
||||
:closable="false"
|
||||
show-icon
|
||||
/>
|
||||
|
||||
<!-- 数据列表区域 -->
|
||||
<div class="list-title">公告列表</div>
|
||||
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
|
||||
|
||||
@@ -155,6 +155,7 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="notice">注意:勾选"选择框"表示启用该项对应的查询条件,输入框非空表示启用查询条件。</div>
|
||||
<div class="query-footer">
|
||||
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
|
||||
</div>
|
||||
@@ -188,6 +189,11 @@
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<!-- ==================== 5. 红色提示文字 ==================== -->
|
||||
<div class="red-tip">
|
||||
提示:课程体系按"课程-专题-课题"构建的,课程名称的命名格式为"课程名称\专题名称\课题名称"或"课程名称\课题名称"。
|
||||
</div>
|
||||
|
||||
<!-- ==================== 6. 数据表格区域 ==================== -->
|
||||
<el-card shadow="never" class="table-card">
|
||||
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
|
||||
@@ -786,6 +792,14 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 5. 红色提示文字 ====================
|
||||
.red-tip {
|
||||
font-size: 14px;
|
||||
color: #f56c6c;
|
||||
margin-bottom: 16px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
// ==================== 6. 数据表格区域 ====================
|
||||
.table-card {
|
||||
.pagination-wrapper {
|
||||
|
||||
Reference in New Issue
Block a user