:root { --el-menu-item-height: 45px; --el-text-color-primary: '#1F2329'; --el-box-shadow-light: 0px 2px 4px 0px rgba(31, 35, 41, 0.12); } .el-button { padding: 5px 12px; } .el-avatar { --el-avatar-bg-color: var(--el-color-primary); --el-avatar-size-small: 33px; cursor: pointer; } .el-popper { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .el-form { --el-form-inline-content-width: 100%; } .el-dialog { .dialog-sub-title { color: var(--el-text-color-regular); margin: 5px 0; } .el-dialog__body { padding: 15px var(--el-dialog-padding-primary) 10px !important; } } .el-message-box { padding-bottom: 24px; .app-confirm { .app-confirm-title { color: var(--el-text-color-primary); } .icon { font-size: 24px; color: var(--el-color-warning); } .app-confirm-decription { margin-left: 40px; } } } .el-message-box__content { padding: 24px; color: var(--el-text-color-primary); } .el-message-box__btns { padding: 5px 24px 0; button { min-width: 80px; &:nth-child(2) { margin-left: 12px; } } button.danger { background: var(--el-color-danger); border: var(--el-color-danger); } } @media only screen and (min-width: 1200px) { .el-col-lg-5 { display: block; max-width: 25%; flex: 0 0 25%; } } @media only screen and (min-width: 1400px) { .el-col-lg-5 { display: block; max-width: 20.8333333333%; flex: 0 0 20.8333333333%; } } @media only screen and (min-width: 1920px) { .el-col-xl-4 { display: block; max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } } .el-card { --el-card-border-radius: 8px; border: none !important; } // 抽屉样式整体修改 .el-drawer { .el-drawer__header { padding: 0; margin: 0 24px; height: 56px; border-bottom: 1px solid var(--el-border-color); .el-drawer__title { color: #1f2329; font-weight: 500; font-size: 16px; line-height: 24px; } } .el-drawer__body { --el-drawer-padding-primary: 24px; } }