ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

单元格样式调整

Browse Source
This commit is contained in:
hongawen
2024-12-06 09:18:13 +08:00
parent 9e8fe2c91f
commit 393ad5fa0b
4 changed files with 120 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/styles/common.scss
View File

@@ -1,3 +1,5 @@
/* flex */
.flx-center {
display: flex;

159
frontend/src/styles/element.scss
View File

@@ -142,17 +142,18 @@
margin-bottom: 15px;
}
}
.el-table__body{
// border-left: 1px solid var(--el-table-border-color)
}
.el-table__body {
// border-left: 1px solid var(--el-table-border-color)
}
// el-table 表格样式
.el-table {
// border: 1px solid var(--el-table-border-color);
// flex: 1;
width: 100%;
height: 100%;
border-left: 1px solid var(--el-table-border-color)
// 修复 safari 浏览器表格错位 https://github.com/HalseySpicy/Geeker-Admin/issues/83
border-left: 1px solid var(--el-table-border-color) // 修复 safari 浏览器表格错位 https://github.com/HalseySpicy/Geeker-Admin/issues/83
table {
width: 100%;
}
@@ -467,94 +468,118 @@
margin-left: 13px;
line-height: 18px;
padding: 2px;
.icon {
font-size: 12px !important;
// color: var(--ba-bg-color-overlay) !important;
}
}
.el-message-box{
.el-message-box {
padding: 0px !important;
.el-message-box__header{
background-color: var(--el-color-primary);
.el-message-box__title{
.el-message-box__header {
background-color: var(--el-color-primary);
.el-message-box__title {
color: #fff;
padding: 10px 10px 0;
}
}
.el-message-box__headerbtn{
.el-message-box__headerbtn {
top: 5px;
}
.el-message-box__close{
svg{
.el-message-box__close {
svg {
color: #fff;
}
:hover{
:hover {
color: #409eff;
}
}
.el-message-box__content{
padding: 10px ;
.el-message-box__content {
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.el-message-box__btns {
padding: 10px;}
}
.form-one {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.el-form-item {
display: flex;
width: 98%;
margin-bottom: 15px !important;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
}
.el-message-box__btns {
padding: 10px;
}
}
.form-one {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.el-form-item {
display: flex;
width: 98%;
margin-bottom: 15px !important;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
}
}
.form-two {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.el-form-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.el-form-item {
display: flex;
width: 48%;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
width: 48%;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
}
}
.form-three {
display: flex;
flex-wrap: wrap;
// justify-content: space-between;
.el-form-item {
display: flex;
flex-wrap: wrap;
// justify-content: space-between;
.el-form-item {
display: flex;
width: 32.3%;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
width: 32.3%;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
}
}
}
.el-table__cell {
border-right: 1px solid #ebeef5 !important;
border-left: 1px solid #ebeef5 !important;
}