<style scoped>
.data-management {
padding: 20px;
}
.tab-content {
padding: 20px;
background: rgba(255, 255, 255, 0.95);
border-radius: 8px;
min-height: 500px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.toolbar {
margin-bottom: 20px;
display: flex;
align-items: center;
}
.pagination {
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
.dialog-footer {
display: flex;
justify-content: flex-end;
}
/* 增强表格文字显示 - 使文字更加显眼 */
.el-table {
background-color: #0a0a0a !important;
color: #000000 !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.el-table__header th {
background-color: #0a0a0a !important;
color: #000000 !important;
font-weight: 800 !important;
font-size: 17px !important;
border-bottom: 3px solid #a0b8f0;
text-align: center;
}
.el-table__row td {
color: #000000 !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 15px 0 !important;
text-align: center;
}
/* 表格悬停效果 */
.el-table__row:hover td {
background-color: #d0e0ff !important;
font-weight: 700 !important;
}
/* 表格选中效果 */
.el-table__row--striped td {
background-color: #f0f5ff !important;
}
/* 表格边框 */
.el-table td,
.el-table th {
border-bottom: 2px solid #d0d7ff;
}
/* 增强表单文字显示 */
.el-form-item__label {
color: #000000 !important;
font-weight: 700 !important;
font-size: 17px !important;
padding-right: 10px;
}
.el-input__inner,
.el-textarea__inner {
background-color: #ffffff !important;
color: #000000 !important;
border: 3px solid #a0b8f0 !important;
font-weight: 600 !important;
font-size: 16px !important;
padding: 12px;
}
.el-select .el-input__wrapper {
background-color: #ffffff !important;
box-shadow: 0 0 0 3px #a0b8f0 inset !important;
font-weight: 600 !important;
font-size: 16px !important;
}
/* 表单元素聚焦状态 */
.el-input.is-focus .el-input__wrapper,
.el-select .el-input.is-focus .el-input__wrapper {
box-shadow: 0 0 0 4px #409eff inset !important;
font-weight: 700 !important;
}
/* 按钮文字增强 */
.el-button {
font-weight: 700 !important;
font-size: 16px !important;
padding: 12px 24px !important;
border-width: 2px !important;
}
/* 主要按钮 */
.el-button--primary {
background-color: #409eff !important;
border-color: #409eff !important;
color: #ffffff !important;
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
}
.el-button--primary:hover {
background-color: #66b1ff !important;
border-color: #66b1ff !important;
box-shadow: 0 6px 12px rgba(64, 158, 255, 0.6);
}
/* 危险按钮 */
.el-button--danger {
background-color: #f56c6c !important;
border-color: #f56c6c !important;
color: #ffffff !important;
box-shadow: 0 4px 8px rgba(245, 108, 108, 0.4);
}
.el-button--danger:hover {
background-color: #f78989 !important;
border-color: #f78989 !important;
box-shadow: 0 6px 12px rgba(245, 108, 108, 0.6);
}
/* 对话框标题 */
.el-dialog__title {
color: #000000 !important;
font-weight: 800 !important;
font-size: 22px !important;
}
/* 分页组件文字 */
.el-pagination {
color: #000000 !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.el-pagination .el-pager li {
color: #000000 !important;
font-weight: 600 !important;
font-size: 16px !important;
min-width: 40px;
height: 40px;
line-height: 40px;
}
.el-pagination .el-pager li.active {
color: #ffffff !important;
background-color: #409eff !important;
font-weight: 800 !important;
font-size: 17px !important;
border-radius: 50%;
}
/* 下拉选项文字 */
.el-select-dropdown__item {
color: #000000 !important;
font-weight: 600 !important;
font-size: 16px !important;
padding: 12px 20px !important;
min-height: 45px;
line-height: 20px;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: #d0e0ff !important;
font-weight: 700 !important;
color: #000000 !important;
}
/* 工具栏按钮 */
.toolbar .el-button--primary {
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
font-weight: 700 !important;
font-size: 16px !important;
padding: 12px 24px !important;
}
/* 搜索框 */
.toolbar .el-input__inner {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
font-size: 16px !important;
padding: 12px 15px !important;
}
/* 搜索按钮 */
.toolbar .el-button {
height: 100%;
border-left: none !important;
}
/* 标签页 */
.el-tabs__item {
color: #666666 !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 0 30px;
}
.el-tabs__item.is-active {
color: #409eff !important;
font-weight: 800 !important;
font-size: 19px !important;
}
/* 对话框 */
.el-dialog {
border-radius: 10px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}
.el-dialog__header {
border-bottom: 2px solid #e6f0ff;
padding: 20px;
}
.el-dialog__body {
padding: 30px 20px;
}
.el-dialog__footer {
border-top: 2px solid #e6f0ff;
padding: 20px;
}
</style>
最新发布
本文详细解析了Google的编程风格指南,涵盖函数、变量及文件命名规则等核心内容,为开发者提供规范化的代码编写标准。
扫一扫
431
到【灌水乐园】发言
