@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; }