mirror of
https://gitee.com/victor123/jjjerp-java.git
synced 2025-12-08 12:18:25 +08:00
样式修复
This commit is contained in:
parent
c5f6d0f0c4
commit
bc2d2d8305
@ -23,7 +23,8 @@
|
|||||||
style="max-width: 600px"
|
style="max-width: 600px"
|
||||||
:data="data"
|
:data="data"
|
||||||
:props="defaultProps"
|
:props="defaultProps"
|
||||||
default-expand-all
|
node-key="categoryId"
|
||||||
|
:default-expanded-keys="[0]"
|
||||||
@node-click="handleNodeClick"
|
@node-click="handleNodeClick"
|
||||||
>
|
>
|
||||||
<template #default="{ node, data }">
|
<template #default="{ node, data }">
|
||||||
|
|||||||
@ -31,13 +31,16 @@
|
|||||||
.theme-border {
|
.theme-border {
|
||||||
border-color: var(--el-color-primary);
|
border-color: var(--el-color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-input_ {
|
.el-input_ {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-input--small .el-input__wrapper {
|
.el-input--small .el-input__wrapper {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 搜索表单 */
|
/* 搜索表单 */
|
||||||
.common-seach-wrap {
|
.common-seach-wrap {
|
||||||
.el-input__wrapper {
|
.el-input__wrapper {
|
||||||
@ -53,9 +56,11 @@
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-table .el-table__cell {
|
.el-table .el-table__cell {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item--small .el-form-item__label {
|
.el-form-item--small .el-form-item__label {
|
||||||
height: var(--el-component-size-small) !important;
|
height: var(--el-component-size-small) !important;
|
||||||
line-height: var(--el-component-size-small) !important;
|
line-height: var(--el-component-size-small) !important;
|
||||||
@ -65,10 +70,12 @@
|
|||||||
.el-form-item__content {
|
.el-form-item__content {
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 30px !important;
|
line-height: 30px !important;
|
||||||
|
|
||||||
// margin-top: 1px;
|
// margin-top: 1px;
|
||||||
.el-input--small {
|
.el-input--small {
|
||||||
width: 172px;
|
width: 172px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gray9 {
|
.gray9 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@ -111,13 +118,15 @@
|
|||||||
line-height: 24px !important;
|
line-height: 24px !important;
|
||||||
font-size: 12px !important;
|
font-size: 12px !important;
|
||||||
|
|
||||||
.el-button.el-button--small.el-button--text + .el-button.el-button--small.el-button--text {
|
.el-button.el-button--small.el-button--text+.el-button.el-button--small.el-button--text {
|
||||||
margin-left: -12px !important;
|
margin-left: -12px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__footer {
|
.el-dialog__footer {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 按钮 */
|
/* 按钮 */
|
||||||
.el-button--small {
|
.el-button--small {
|
||||||
--el-button-size: var(--el-component-size-small);
|
--el-button-size: var(--el-component-size-small);
|
||||||
@ -139,23 +148,29 @@
|
|||||||
// float: right;
|
// float: right;
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog {
|
.el-dialog {
|
||||||
width: 920px;
|
width: 920px;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: var(--dialog-radius);
|
border-radius: var(--dialog-radius);
|
||||||
|
// --el-dialog-padding-primary: 20px !important;
|
||||||
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
background-color: var(--el-dialog-title-bg);
|
background-color: var(--el-dialog-title-bg);
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
padding-right: 16px;
|
padding: 16px;
|
||||||
border-top-left-radius: var(--dialog-radius);
|
border-top-left-radius: var(--dialog-radius);
|
||||||
border-top-right-radius: var(--dialog-radius);
|
border-top-right-radius: var(--dialog-radius);
|
||||||
|
|
||||||
.el-dialog__title {
|
.el-dialog__title {
|
||||||
font-size: var(--dialog-title-f);
|
font-size: var(--dialog-title-f);
|
||||||
color: var(--dialog-title-c);
|
color: var(--dialog-title-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__headerbtn {
|
.el-dialog__headerbtn {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -164,6 +179,7 @@
|
|||||||
top: 16px;
|
top: 16px;
|
||||||
right: 16px;
|
right: 16px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
||||||
.el-dialog__close {
|
.el-dialog__close {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -173,12 +189,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-footer {
|
.dialog-footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-top: 20px;
|
padding: 20px 0;
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
|
|
||||||
.el-button {
|
.el-button {
|
||||||
// border-radius: 0;
|
// border-radius: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -187,6 +205,11 @@
|
|||||||
min-width: 96px;
|
min-width: 96px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-dialog__footer {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
// .el-dialog__headerbtn {
|
// .el-dialog__headerbtn {
|
||||||
// .el-icon svg {
|
// .el-icon svg {
|
||||||
// width: auto !important;
|
// width: auto !important;
|
||||||
@ -238,7 +261,7 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-radio__input.is-checked + .el-radio__label {
|
.el-radio__input.is-checked+.el-radio__label {
|
||||||
span {
|
span {
|
||||||
color: var(--el-text-color-regular);
|
color: var(--el-text-color-regular);
|
||||||
}
|
}
|
||||||
@ -270,6 +293,7 @@
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 弹窗 */
|
/* 弹窗 */
|
||||||
.el-overlay {
|
.el-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -277,12 +301,15 @@
|
|||||||
top: var(--common-header-box-height);
|
top: var(--common-header-box-height);
|
||||||
left: 98px;
|
left: 98px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-overlay-dialog {
|
.el-overlay-dialog {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
.el-dialog.is-fullscreen{
|
|
||||||
|
.el-dialog.is-fullscreen {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog.is-fullscreen .el-form-item__content .el-input--small {
|
.el-dialog.is-fullscreen .el-form-item__content .el-input--small {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@ -291,39 +318,48 @@
|
|||||||
.el-form-item__content .el-input--small {
|
.el-form-item__content .el-input--small {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-select--small {
|
.el-select--small {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-select--small .el-input__wrapper {
|
.el-select--small .el-input__wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-select--small {
|
.el-select--small {
|
||||||
width: 172px;
|
width: 172px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.set-main {
|
.set-main {
|
||||||
height: calc(100vh - 84px - 24px);
|
height: calc(100vh - 84px - 24px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-mine-box {
|
.page-mine-box {
|
||||||
height: calc(100vh - 84px - 24px);
|
height: calc(100vh - 84px - 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-card {
|
.el-card {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-pagination__sizes .el-select--small {
|
.el-pagination__sizes .el-select--small {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
.el-dialog__header{
|
|
||||||
|
.el-dialog__header {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header .my-header .el-icon {
|
.el-dialog__header .my-header .el-icon {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #838a9d ;
|
color: #838a9d;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user