admin/jjjerp-java
1
0
Fork 0
mirror of https://gitee.com/victor123/jjjerp-java.git synced 2025-12-07 20:24:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式修复

Browse Source
This commit is contained in:
cookiemy 2024-07-01 16:57:43 +08:00
parent c5f6d0f0c4
commit bc2d2d8305
2 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
jjj_erp_admin/src/components/category/category.vue
View File

@ -23,7 +23,8 @@
style="max-width: 600px"
:data="data"
:props="defaultProps"
default-expand-all
node-key="categoryId"
:default-expanded-keys="[0]"
@node-click="handleNodeClick"
>
<template #default="{ node, data }">

52
jjj_erp_admin/static/scss/element.scss
View File

@ -31,13 +31,16 @@
.theme-border {
border-color: var(--el-color-primary);
}
.el-input_ {
font-size: 12px;
}
.el-input--small .el-input__wrapper {
height: 30px;
line-height: 30px;
}
/* 搜索表单 */
.common-seach-wrap {
.el-input__wrapper {
@ -53,9 +56,11 @@
margin-right: 10px;
}
}
.el-table .el-table__cell {
padding: 5px 0;
}
.el-form-item--small .el-form-item__label {
height: var(--el-component-size-small) !important;
line-height: var(--el-component-size-small) !important;
@ -65,10 +70,12 @@
.el-form-item__content {
display: block;
line-height: 30px !important;
// margin-top: 1px;
.el-input--small {
width: 172px;
}
.gray9 {
width: 100%;
}
@ -111,13 +118,15 @@
line-height: 24px !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;
}
}
.el-dialog__footer {
padding-top: 0;
}
/* 按钮 */
.el-button--small {
--el-button-size: var(--el-component-size-small);
@ -139,23 +148,29 @@
// float: right;
// }
}
.el-dialog {
width: 920px;
height: 600px;
display: flex;
flex-direction: column;
border-radius: var(--dialog-radius);
// --el-dialog-padding-primary: 20px !important;
padding: 0 !important;
}
.el-dialog__header {
background-color: var(--el-dialog-title-bg);
margin-right: 0;
padding-right: 16px;
padding: 16px;
border-top-left-radius: var(--dialog-radius);
border-top-right-radius: var(--dialog-radius);
.el-dialog__title {
font-size: var(--dialog-title-f);
color: var(--dialog-title-c);
}
.el-dialog__headerbtn {
width: 24px;
height: 24px;
@ -164,6 +179,7 @@
top: 16px;
right: 16px;
line-height: 1;
.el-dialog__close {
width: 24px;
height: 24px;
@ -173,12 +189,14 @@
}
}
}
.dialog-footer {
display: flex;
justify-content: center;
align-items: center;
padding-top: 20px;
padding: 20px 0;
border-top: 1px solid #eee;
.el-button {
// border-radius: 0;
font-size: 14px;
@ -187,6 +205,11 @@
min-width: 96px;
}
}
.el-dialog__footer {
padding: 0 !important;
}
// .el-dialog__headerbtn {
// .el-icon svg {
// width: auto !important;
@ -238,7 +261,7 @@
font-weight: bold;
}
.el-radio__input.is-checked + .el-radio__label {
.el-radio__input.is-checked+.el-radio__label {
span {
color: var(--el-text-color-regular);
}
@ -270,6 +293,7 @@
padding: 20px;
box-sizing: border-box;
}
/* 弹窗 */
.el-overlay {
position: absolute;
@ -277,12 +301,15 @@
top: var(--common-header-box-height);
left: 98px;
}
.el-overlay-dialog {
position: absolute;
}
.el-dialog.is-fullscreen{
.el-dialog.is-fullscreen {
width: 100%;
}
.el-dialog.is-fullscreen .el-form-item__content .el-input--small {
width: 100%;
}
@ -291,39 +318,48 @@
.el-form-item__content .el-input--small {
width: 100%;
}
.el-select--small {
width: 100%;
}
}
.el-select--small .el-input__wrapper {
height: 100%;
}
.el-select--small {
width: 172px;
}
.set-main {
height: calc(100vh - 84px - 24px);
display: flex;
flex-direction: column;
}
.page-mine-box {
height: calc(100vh - 84px - 24px);
}
.el-card {
border: none;
}
.el-pagination__sizes .el-select--small {
width: 100px;
}
.el-dialog__header{
.el-dialog__header {
font-weight: bold;
}
.el-dialog__header .my-header .el-icon {
width: 24px;
height: 24px;
font-size: 24px;
font-weight: bold;
color: #838a9d ;
color: #838a9d;
cursor: pointer;
margin-left: 5px;
}
}