piexlmax
3 years ago
1 changed files with 149 additions and 145 deletions
@ -1,192 +1,196 @@ |
|||||
/* 改变主题色变量 */ |
/* 改变主题色变量 */ |
||||
|
|
||||
#app{ |
|
||||
.el-button{ |
|
||||
font-weight: 400; |
|
||||
border-radius: 2px; |
|
||||
} |
|
||||
|
#app { |
||||
|
.el-button { |
||||
|
font-weight: 400; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
} |
} |
||||
|
|
||||
.el-dialog{ |
|
||||
border-radius: 2px; |
|
||||
|
.el-dialog { |
||||
|
border-radius: 2px; |
||||
} |
} |
||||
|
|
||||
::-webkit-scrollbar-track-piece { |
::-webkit-scrollbar-track-piece { |
||||
background-color: #f8f8f8; |
|
||||
|
background-color: #f8f8f8; |
||||
} |
} |
||||
|
|
||||
::-webkit-scrollbar { |
::-webkit-scrollbar { |
||||
width: 9px; |
|
||||
height: 9px; |
|
||||
|
width: 9px; |
||||
|
height: 9px; |
||||
} |
} |
||||
|
|
||||
::-webkit-scrollbar-thumb { |
::-webkit-scrollbar-thumb { |
||||
background-color: #dddddd; |
|
||||
background-clip: padding-box; |
|
||||
min-height: 28px; |
|
||||
border-radius: 4px; |
|
||||
|
background-color: #dddddd; |
||||
|
background-clip: padding-box; |
||||
|
min-height: 28px; |
||||
|
border-radius: 4px; |
||||
} |
} |
||||
|
|
||||
::-webkit-scrollbar-thumb:hover { |
::-webkit-scrollbar-thumb:hover { |
||||
background-color: #bbb; |
|
||||
|
background-color: #bbb; |
||||
} |
} |
||||
|
|
||||
.el-button--primary { |
.el-button--primary { |
||||
--el-button-font-color: #ffffff; |
|
||||
--el-button-background-color: #4D70FF; |
|
||||
--el-button-border-color: #4D70FF; |
|
||||
--el-button-hover-color: #0d84ff; |
|
||||
--el-button-active-font-color: #e6e6e6; |
|
||||
--el-button-active-background-color: #0d84ff; |
|
||||
--el-button-active-border-color: #0d84ff; |
|
||||
|
--el-button-font-color: #ffffff; |
||||
|
--el-button-background-color: #4D70FF; |
||||
|
--el-button-border-color: #4D70FF; |
||||
|
--el-button-hover-color: #0d84ff; |
||||
|
--el-button-active-font-color: #e6e6e6; |
||||
|
--el-button-active-background-color: #0d84ff; |
||||
|
--el-button-active-border-color: #0d84ff; |
||||
} |
} |
||||
|
|
||||
.el-button--primary { |
.el-button--primary { |
||||
--el-button-font-color: #ffffff; |
|
||||
--el-button-background-color: #4D70FF; |
|
||||
--el-button-border-color: #4D70FF; |
|
||||
--el-button-hover-color: #0d84ff; |
|
||||
--el-button-active-font-color: #e6e6e6; |
|
||||
--el-button-active-background-color: #0d84ff; |
|
||||
--el-button-active-border-color: #0d84ff; |
|
||||
|
--el-button-font-color: #ffffff; |
||||
|
--el-button-background-color: #4D70FF; |
||||
|
--el-button-border-color: #4D70FF; |
||||
|
--el-button-hover-color: #0d84ff; |
||||
|
--el-button-active-font-color: #e6e6e6; |
||||
|
--el-button-active-background-color: #0d84ff; |
||||
|
--el-button-active-border-color: #0d84ff; |
||||
} |
} |
||||
|
|
||||
:root { |
:root { |
||||
--el-color-primary: #4D70FF; |
|
||||
|
--el-color-primary: #4D70FF; |
||||
} |
} |
||||
|
|
||||
.gva-search-box { |
.gva-search-box { |
||||
.el-collapse { |
|
||||
border: none; |
|
||||
.el-collapse-item__header, |
|
||||
.el-collapse-item__wrap { |
|
||||
border-bottom: none; |
|
||||
} |
|
||||
} |
|
||||
padding: 24px; |
|
||||
padding-bottom: 2px; |
|
||||
background-color: #fff; |
|
||||
border-radius: 2px; |
|
||||
margin-bottom: 12px; |
|
||||
.el-form { |
|
||||
.el-form-item { |
|
||||
padding-right: 28px; |
|
||||
} |
|
||||
} |
|
||||
|
.el-collapse { |
||||
|
border: none; |
||||
|
.el-collapse-item__header, |
||||
|
.el-collapse-item__wrap { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
} |
||||
|
padding: 24px; |
||||
|
padding-bottom: 2px; |
||||
|
background-color: #fff; |
||||
|
border-radius: 2px; |
||||
|
margin-bottom: 12px; |
||||
|
.el-form { |
||||
|
.el-form-item { |
||||
|
padding-right: 28px; |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
|
|
||||
.gva-form-box { |
.gva-form-box { |
||||
padding: 24px; |
|
||||
background-color: #fff; |
|
||||
border-radius: 2px; |
|
||||
|
padding: 24px; |
||||
|
background-color: #fff; |
||||
|
border-radius: 2px; |
||||
} |
} |
||||
|
|
||||
.gva-table-box { |
.gva-table-box { |
||||
padding: 24px; |
|
||||
background-color: #fff; |
|
||||
border-radius: 2px; |
|
||||
|
padding: 24px; |
||||
|
background-color: #fff; |
||||
|
border-radius: 2px; |
||||
} |
} |
||||
|
|
||||
.gva-pagination { |
.gva-pagination { |
||||
display: flex; |
|
||||
justify-content: flex-end; |
|
||||
.el-pagination__editor { |
|
||||
.el-input__inner { |
|
||||
height: 32px; |
|
||||
} |
|
||||
} |
|
||||
.el-pagination__total { |
|
||||
line-height: 32px !important; |
|
||||
} |
|
||||
.btn-prev { |
|
||||
padding-right: 6px; |
|
||||
display: inline-flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
} |
|
||||
.number { |
|
||||
display: inline-flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
} |
|
||||
.btn-quicknext { |
|
||||
display: inline-flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
} |
|
||||
.btn-next { |
|
||||
padding-left: 6px; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
display: inline-flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.active { |
|
||||
background: #4D70FF; |
|
||||
border-radius: 2px; |
|
||||
color: #ffffff !important; |
|
||||
} |
|
||||
.el-pager li.active+li { |
|
||||
border-left: 1px solid #ddd !important; |
|
||||
} |
|
||||
.el-pagination__sizes { |
|
||||
.el-input { |
|
||||
.el-input__suffix { |
|
||||
margin-top: 2px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
.el-pagination__editor { |
||||
|
.el-input__inner { |
||||
|
height: 32px; |
||||
|
} |
||||
|
} |
||||
|
.el-pagination__total { |
||||
|
line-height: 32px !important; |
||||
|
} |
||||
|
.btn-prev { |
||||
|
padding-right: 6px; |
||||
|
display: inline-flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
} |
||||
|
.number { |
||||
|
display: inline-flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
} |
||||
|
.btn-quicknext { |
||||
|
display: inline-flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
} |
||||
|
.btn-next { |
||||
|
padding-left: 6px; |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
display: inline-flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.active { |
||||
|
background: #4D70FF; |
||||
|
border-radius: 2px; |
||||
|
color: #ffffff !important; |
||||
|
} |
||||
|
.el-pager li.active+li { |
||||
|
border-left: 1px solid #ddd !important; |
||||
|
} |
||||
|
.el-pagination__sizes { |
||||
|
.el-input { |
||||
|
.el-input__suffix { |
||||
|
margin-top: 2px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
|
|
||||
.el-button--mini { |
.el-button--mini { |
||||
min-height: 32px; |
|
||||
|
min-height: 32px; |
||||
} |
} |
||||
|
|
||||
.el-button { |
.el-button { |
||||
padding: 8px 16px; |
|
||||
border-radius: 2px; |
|
||||
&.el-button--text { |
|
||||
padding: 8px 0; |
|
||||
} |
|
||||
|
padding: 8px 16px; |
||||
|
border-radius: 2px; |
||||
|
&.el-button--text { |
||||
|
padding: 8px 0; |
||||
|
} |
||||
} |
} |
||||
|
|
||||
.el-dialog { |
.el-dialog { |
||||
padding: 12px; |
|
||||
.el-dialog__body { |
|
||||
padding: 12px 6px; |
|
||||
} |
|
||||
.el-dialog__header { |
|
||||
.el-dialog__title { |
|
||||
font-size: 14px; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
padding: 2px 20px 12px 20px; |
|
||||
border-bottom: 1px solid #E4E4E4; |
|
||||
} |
|
||||
.el-dialog__headerbtn { |
|
||||
top: 16px; |
|
||||
} |
|
||||
.el-dialog__footer { |
|
||||
padding: 0 16px 16px 0; |
|
||||
.dialog-footer { |
|
||||
.el-button { |
|
||||
padding-left: 24px; |
|
||||
padding-right: 24px; |
|
||||
} |
|
||||
.el-button+.el-button { |
|
||||
margin-left: 30px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.el-drawer__body{ |
|
||||
padding:0; |
|
||||
|
padding: 12px; |
||||
|
.el-dialog__body { |
||||
|
padding: 12px 6px; |
||||
|
} |
||||
|
.el-dialog__header { |
||||
|
.el-dialog__title { |
||||
|
font-size: 14px; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
padding: 2px 20px 12px 20px; |
||||
|
border-bottom: 1px solid #E4E4E4; |
||||
|
} |
||||
|
.el-dialog__headerbtn { |
||||
|
top: 16px; |
||||
|
} |
||||
|
.el-dialog__footer { |
||||
|
padding: 0 16px 16px 0; |
||||
|
.dialog-footer { |
||||
|
.el-button { |
||||
|
padding-left: 24px; |
||||
|
padding-right: 24px; |
||||
|
} |
||||
|
.el-button+.el-button { |
||||
|
margin-left: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-drawer__body { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.el-date-editor .el-range-separator { |
||||
|
line-height: 24px; |
||||
} |
} |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue