You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
417 lines
7.7 KiB
417 lines
7.7 KiB
@import '~nprogress/nprogress.css'; |
|
@import '~antd/dist/antd.less'; |
|
|
|
@btn-border-radius-base: 5px; |
|
//tag |
|
@tag-border-radius: 4px; |
|
@tag-line-height: 24px; |
|
|
|
//form |
|
@form-item-margin-bottom: 30px; |
|
|
|
@green-status: #95bc49; |
|
@red-status: #d9001b; |
|
@orange-status: #ff9912; |
|
@blue-status: #21b2f8; |
|
@yello-status: #dcd400; |
|
@black-status: #000000d9; |
|
|
|
:export { |
|
greenStatus: @green-status; |
|
redStatus: @red-status; |
|
orangeStatus: @orange-status; |
|
blueStatus: @blue-status; |
|
yellowStatus: @yello-status; |
|
blackStatus: @black-status; |
|
primaryColor: @primary-color; |
|
} |
|
|
|
div.ant-pro-global-header { |
|
padding-block: 5px !important; |
|
} |
|
div.ant-pro-global-header a { |
|
width: 100%; |
|
} |
|
div.ant-pro-global-header h1 { |
|
display: none !important; |
|
} |
|
|
|
div.ant-pro-global-header a img { |
|
height: 44px !important; |
|
} |
|
|
|
span.ant-pro-global-header-header-actions-avatar .ant-avatar-circle { |
|
display: none !important; |
|
} |
|
|
|
//编辑器高度 |
|
.ql-container { |
|
min-height: 200px; |
|
} |
|
|
|
//顶部加载进度条样式 |
|
#nprogress .bar { |
|
background: #fff; |
|
height: 4px; |
|
} |
|
|
|
.self-pro-divider { |
|
margin: 0 16px; |
|
min-width: auto; |
|
width: calc(100% - 32px); |
|
} |
|
|
|
.self-pro-divider-form { |
|
margin: 5px 16px; |
|
min-width: auto; |
|
width: calc(100% - 32px); |
|
} |
|
|
|
//详情类 |
|
.page-content-detail { |
|
background: #ffffff; |
|
box-shadow: 0 0 4px 0 rgba(51, 40, 5, 0.2); |
|
margin-top: 16px; |
|
} |
|
|
|
//详情类 |
|
.page-content-detail-tabs { |
|
//padding: 0 16px; |
|
background: #ffffff; |
|
box-shadow: 0 0 4px 0 rgba(51, 40, 5, 0.2); |
|
margin-top: 8px; |
|
} |
|
|
|
.page-content-detail .ant-tabs-content { |
|
padding-top: 8px; |
|
} |
|
|
|
.page-content { |
|
padding-top: 24px; |
|
} |
|
|
|
.ant-pro-base-menu-item-text { |
|
color: #9b9ca3; |
|
} |
|
|
|
.ant-menu-item-selected .ant-pro-base-menu-item-text { |
|
color: #ffffff; |
|
} |
|
|
|
.ant-pro-base-menu-submenu |
|
.ant-menu-sub |
|
.ant-pro-base-menu-menu-item |
|
.ant-pro-base-menu-item-title { |
|
text-indent: 14px; |
|
} |
|
|
|
.ant-pro-base-menu-submenu .ant-menu-submenu-arrow { |
|
color: #9b9ca3; |
|
} |
|
|
|
//面包屑 |
|
div.ant-pro-page-container-warp-page-header { |
|
padding: 9px 16px !important; |
|
background: #ffffff; |
|
box-shadow: 0 0 4px 0 rgba(51, 40, 5, 0.2); |
|
} |
|
|
|
//列表shadow |
|
.ant-pro-page-container-children-content > .ant-pro-table > .ant-pro-card { |
|
//box-shadow: 0 0 4px 0 rgba(51, 40, 5, 0.2); |
|
} |
|
|
|
.ant-pro-page-container-children-content { |
|
} |
|
|
|
//table |
|
div.ant-pro-page-container-children-content |
|
.ant-pro-table-list-toolbar-container { |
|
padding-block: 0; |
|
} |
|
|
|
div.ant-pro-page-container-children-content |
|
.ant-pro-table-list-toolbar-extra-line { |
|
margin-block-end: 0; |
|
} |
|
|
|
div.ant-pro-page-container-children-content .ant-tabs-nav { |
|
margin-bottom: 0 !important; |
|
} |
|
div.ant-pro-page-container-children-content .ant-tabs-nav::before { |
|
border: none !important; |
|
} |
|
|
|
div.ant-pro-page-container-children-content .ant-pro-table-list-toolbar-title { |
|
overflow: visible; |
|
height: 36px; |
|
line-height: 36px; |
|
} |
|
|
|
div.ant-pro-page-container-children-content |
|
.ant-pro-table-list-toolbar-title |
|
span { |
|
border-left: 4px solid @primary-color; |
|
font-size: 16px; |
|
color: #333333; |
|
font-weight: 500; |
|
margin-left: -16px; |
|
background-image: url('images/listIcon.svg'); |
|
background-repeat: no-repeat; |
|
background-size: 24px 24px; |
|
background-position: 10px center; |
|
padding-left: 45px; |
|
} |
|
|
|
//table 搜索 |
|
div.proTableSearch { |
|
position: relative; |
|
padding-top: 36px; |
|
margin-top: 16px; |
|
} |
|
|
|
div.proTableSearch::after { |
|
content: '\67e5\8be2\6761\4ef6'; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 36px; |
|
line-height: 36px; |
|
border-left: 4px solid @primary-color; |
|
background-image: url('images/listIcon.svg'); |
|
background-repeat: no-repeat; |
|
background-size: 24px 24px; |
|
background-position: 10px center; |
|
padding-left: 45px; |
|
font-size: 16px; |
|
color: #333333; |
|
font-weight: 500; |
|
} |
|
|
|
.ant-pro .ant-pro-query-filter-row { |
|
row-gap: 16px; |
|
} |
|
|
|
div.proTableSearch |
|
.ant-pro-query-filter-actions |
|
.ant-form-item-control-input-content |
|
> .ant-space { |
|
gap: unset !important; |
|
} |
|
div.proTableSearch .ant-form-item label:after { |
|
content: ''; |
|
} |
|
form.proTableSearch .ant-form-item .ant-form-item-control { |
|
padding-right: 12px; |
|
} |
|
|
|
form.proTableSearch { |
|
padding: 8px 16px !important; |
|
} |
|
|
|
form.proTableSearch .ant-pro-query-filter-row .ant-form-item-label { |
|
white-space: normal; |
|
text-align: left; |
|
} |
|
|
|
.ant-descriptions-title { |
|
overflow: visible; |
|
} |
|
|
|
.ant-descriptions-title span { |
|
border-left: 2px solid @primary-color; |
|
padding-left: 10px; |
|
font-size: 14px; |
|
font-weight: 500; |
|
} |
|
|
|
.ant-descriptions-row .ant-descriptions-item { |
|
padding-bottom: 10px; |
|
} |
|
|
|
.ant-descriptions-item-label { |
|
color: #666666 !important; |
|
} |
|
|
|
.ant-form-item-label > label { |
|
color: #666666 !important; |
|
} |
|
|
|
.ant-descriptions-row |
|
.ant-descriptions-item |
|
.ant-descriptions-item-container |
|
.ant-descriptions-item-content { |
|
padding-right: 50px; |
|
} |
|
|
|
.ant-descriptions-row |
|
.ant-descriptions-item |
|
.ant-descriptions-item-container |
|
.ant-descriptions-item-label { |
|
width: 130px; |
|
} |
|
|
|
.ant-pro-card-title { |
|
overflow: visible; |
|
} |
|
|
|
.ant-pro-footer-bar { |
|
background: @footer-bar-color; |
|
} |
|
|
|
//卡片 |
|
.ant-pro-card-title div { |
|
border-left: 4px solid @primary-color; |
|
font-size: 16px; |
|
color: #333333; |
|
font-weight: 500; |
|
margin-left: -16px; |
|
background-image: url('images/listIcon.svg'); |
|
background-repeat: no-repeat; |
|
background-position: 10px center; |
|
padding-left: 45px; |
|
background-size: 24px 24px; |
|
height: 36px; |
|
line-height: 36px; |
|
} |
|
|
|
//卡片 |
|
.ant-pro-card-title span { |
|
display: inline-block; |
|
border-left: 4px solid @primary-color; |
|
padding-left: 10px; |
|
font-size: 18px; |
|
font-weight: 500; |
|
} |
|
//卡片单位样式 |
|
.ant-statistic-content-suffix { |
|
font-size: 14px; |
|
} |
|
|
|
//tabs 切换默认样式 |
|
.ant-tabs-tabpane { |
|
outline: none; |
|
} |
|
|
|
//table 样式 |
|
|
|
//table排序样式修改 |
|
|
|
.ant-table-thead th.ant-table-column-sort { |
|
background: @table-header-bg !important; |
|
} |
|
.ant-table-thead th.ant-table-column-sort:hover, |
|
th.ant-table-column-has-sorters { |
|
background: @table-header-bg !important; |
|
} |
|
.tableClassName { |
|
margin-top: 8px; |
|
} |
|
|
|
.tableClassName .ant-table-tbody tr td, |
|
.tableClassName .ant-table-tbody tr td .ant-typography { |
|
color: #343a40 !important; |
|
} |
|
|
|
.tableClassName .ant-table-tbody tr:nth-child(odd) { |
|
background: #ffffff; |
|
} |
|
|
|
.tableClassName .ant-table-tbody tr td.ant-table-column-sort { |
|
background: none; |
|
} |
|
|
|
.tableClassName .ant-table-tbody tr:nth-child(even) { |
|
background: @tr-event-color !important; |
|
} |
|
|
|
.tableClassName |
|
.ant-table-tbody |
|
tr:nth-child(odd) |
|
.ant-table-cell-fix-right-first { |
|
background: #ffffff; |
|
} |
|
|
|
.tableClassName |
|
.ant-table-tbody |
|
tr:nth-child(even) |
|
.ant-table-cell-fix-right-first { |
|
background: @tr-event-color; |
|
} |
|
|
|
.tableClassName .ant-table-content { |
|
overflow: auto scroll; |
|
} |
|
|
|
.tableClassName .ant-table-content table { |
|
width: max-content; |
|
min-width: 100%; |
|
table-layout: auto; |
|
} |
|
|
|
.tableClassName ::-webkit-scrollbar { |
|
width: 6px; |
|
height: 4px; |
|
background: transparent; |
|
} |
|
|
|
.tableClassName ::-webkit-scrollbar-thumb { |
|
background: hsla(0, 0%, 53%, 0.4); |
|
border-radius: 4px; |
|
} |
|
|
|
.tableClassName:hover ::-webkit-scrollbar { |
|
height: 8px; |
|
background: hsla(0, 0%, 53%, 0.1); |
|
} |
|
|
|
.page-content-detail form .ant-row { |
|
margin: 0 !important; |
|
} |
|
|
|
.page-content-detail-tabs form .ant-row { |
|
margin: 0 !important; |
|
} |
|
|
|
form.cciCgridForm .ant-pro-card .ant-row .ant-col-24 .ant-form-item { |
|
width: calc(100% - 100px); |
|
} |
|
form.cciCgridForm |
|
.ant-pro-card |
|
.ant-row |
|
.ant-col-24 |
|
.ant-form-item |
|
.ant-form-item-row |
|
.ant-form-item-control |
|
.ant-form-item-control-input { |
|
width: calc(100% + 100px); |
|
} |
|
|
|
form.cciCgridForm |
|
.ant-pro-card |
|
.ant-row |
|
.ant-col |
|
.ant-form-item |
|
.ant-form-item-row |
|
.ant-form-item-label |
|
> label::before { |
|
display: inline-block; |
|
margin-right: 4px; |
|
font-size: 14px; |
|
font-family: SimSun, sans-serif; |
|
line-height: 1; |
|
content: '*'; |
|
opacity: 0; |
|
} |
|
|
|
form.cciCgridForm |
|
.ant-pro-card |
|
.ant-row |
|
.ant-col |
|
.ant-form-item |
|
.ant-form-item-row |
|
.ant-form-item-label |
|
> label.ant-form-item-required::before { |
|
content: '*'; |
|
opacity: 1 !important; |
|
}
|
|
|