html, body, #root { height: 100%; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } .colorWeak { filter: invert(80%); } .ant-layout { min-height: 100vh; } .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed { left: unset; } canvas { display: block; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul, ol { list-style: none; } @media (max-width: 768px) { .ant-table { width: 100%; overflow-x: auto; } .ant-table-thead > tr > th, .ant-table-tbody > tr > th, .ant-table-thead > tr > td, .ant-table-tbody > tr > td { white-space: pre; } .ant-table-thead > tr > th > span, .ant-table-tbody > tr > th > span, .ant-table-thead > tr > td > span, .ant-table-tbody > tr > td > span { display: block; } } .keep-alive-tabs .ant-tabs-nav { margin: 0; } .ant-pro .ant-pro-layout .ant-pro-layout-content { padding: 0; } .ant-pro-form-login-page-left { max-width: none !important; } .ant-pro-card-col.ant-pro-card-split-vertical { border-inline-end: none; } .ant-pro-card-col.ant-pro-card-split-horizontal { border-block-end: none; } /* 1108 update 全局样式新增调整 */ .ant-table-cell .ant-btn.ant-btn-sm { padding: 0; } .ant-pro-table-search .ant-form-item .ant-form-item-label { text-align: left; } .ant-btn-link { color: #155BD4; } .ant-pro-card .ant-pro-card-title { color: #333333; font-weight: 700; font-size: 16px; } .ant-modal .ant-modal-content { padding: 20px 24px; } .ant-modal-header { padding-bottom: 10px; } /* 单行文本溢出显示省略号 */ .single_line { white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的文本 */ text-overflow: ellipsis; /* 显示省略号 */ } /* 多行文本溢出显示省略号 */ .two_line { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数 */ overflow: hidden; /* 隐藏溢出的文本 */ } * { padding: 0; margin: 0; } /* 颜色 */ .theme_color, .ant-table-cell > a, .ant-descriptions-item-content > a, a.ant-dropdown-trigger { color: #155BD4; } .theme_bg_color { background-color: #155BD4; } .ant-btn-link.ant-btn-dangerous, .ant-btn-default.ant-btn-dangerous { color: #E80D0D; } .ant-btn-default.ant-btn-dangerous { border-color: #E80D0D; } .ant-menu-light .ant-menu-item-selected, .ant-menu-light > .ant-menu .ant-menu-item-selected { background-color: #e8effb; } .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #e8effb; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree .ant-tree-checkbox + span.ant-tree-node-selected { background-color: #e8effb; color: #155BD4; } .ant-steps .ant-steps-item-active > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #155BD4; } .ant-steps .ant-steps-item-active > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: #155BD4; } /* 表单 */ .ant-form-item { margin-bottom: 16px; } .ant-steps .ant-steps-item-finish .ant-steps-item-icon { background-color: rgba(21, 91, 212, 0.1); border-color: #155BD4; } .ant-pro-form-group-container { gap: 0px 16px !important; } .ant-modal .ant-modal-title { font-size: 18px; } .ant-modal-body .ant-pro-steps-form-steps-container { max-width: 1900px !important; } /* 列表table && proTable */ .ant-pro-table .ant-pro-table-list-toolbar-left { flex: 0.3; } .ant-pro-table .ant-pro-table-search .ant-form .ant-pro-query-filter-row-split { padding-right: 0 !important; } .rc-virtual-list-scrollbar-thumb { display: none; } /* ant-descriptions */ .ant-descriptions .ant-descriptions-row > th, .ant-descriptions .ant-descriptions-row > td { padding-right: 12px; } ::-webkit-scrollbar-track-piece { -webkit-border-radius: 0; } ::-webkit-scrollbar { width: 5px; height: 10px; } ::-webkit-scrollbar-thumb { height: 50px; background-color: #CCC; -webkit-border-radius: 6px; outline-offset: -2px; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } ::-webkit-scrollbar-thumb:hover { height: 50px; background-color: #878987; -webkit-border-radius: 6px; } .gn { /* UI 规范表 // update 使用中 适用说明 字体大小、颜色、粗细 页面间距 */ } .gn .ant-pro-checkcard-content { padding-inline: 0; padding-block: 0; } .gn .ant-table-wrapper table tr th.ant-table-selection-column, .gn .ant-table-wrapper table tr td.ant-table-selection-column, .gn .ant-table-wrapper .ant-table-selection-column { text-align: left; } .gn .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { padding-left: 12px; } .gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list { padding: 0 24px; margin-block-start: 0; } .gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active { font-weight: 700; } .gn .ant-pro-table-list-toolbar-container { padding-block: 8px; } .gn .ant-pro-global-header-header-actions-item > * { padding-block: 0; } .gn .ant-radio-group-large .ant-radio-button-wrapper { height: 32px; line-height: 32px; } .gn .ant-input-affix-wrapper-lg { height: 32px; line-height: 32px; font-size: 14px; } .gn .ant-btn.ant-btn-lg { font-size: 14px; height: 32px; border-radius: 4px; } .gn .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-start-start-radius: 4px; border-end-start-radius: 4px; } .gn.h2 { font-size: 18px; } .gn.h3 { font-weight: 600; } .gn.h4 { font-size: 14px; font-weight: 700; line-height: 18px; color: #333333; } .gn .des_1 { font-size: 12px; font-weight: 400; line-height: 22px; color: #666666; } .gn .border_bottom_1 { border-bottom: 1px solid #E0E0E0; } .gn.themeBgHover:hover { background-color: #155BD4; } .ant-pro-global-header-logo img { height: 48px; }