|
|
@@ -1,3 +1,1326 @@
|
|
|
* {
|
|
|
box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+// @import '~antd/lib/style/themes/default.less';
|
|
|
+
|
|
|
+.content {
|
|
|
+ padding-top: 53px;
|
|
|
+}
|
|
|
+
|
|
|
+.tabs {
|
|
|
+ :global {
|
|
|
+ .ant-tabs-bar {
|
|
|
+ margin: 0;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-tabpane {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-ink-bar {
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav .ant-tabs-tab {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.message {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ right: 10px;
|
|
|
+ width: 260px;
|
|
|
+ height: 150px;
|
|
|
+ background: white;
|
|
|
+ padding: 20px;
|
|
|
+ z-index: 99999;
|
|
|
+
|
|
|
+ p {
|
|
|
+ height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ min-height: 100vh;
|
|
|
+ height: max-content;
|
|
|
+ // background: transparent;
|
|
|
+ background: #122c63;
|
|
|
+ font-size: 18px;
|
|
|
+
|
|
|
+ :global {
|
|
|
+ #root {
|
|
|
+ background-image: url('@/Project/assets/newUI/newBackground.png');
|
|
|
+ background-position: center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ min-height: 100vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-inner {
|
|
|
+ background: #122c63;
|
|
|
+
|
|
|
+ .ant-popover-inner-content {
|
|
|
+ color: #c0f0ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-arrow {
|
|
|
+ border-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-message {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,
|
|
|
+ .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,
|
|
|
+ .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
|
|
|
+ border-right-color: #0d1a2b;
|
|
|
+ border-bottom-color: #0d1a2b;
|
|
|
+ }
|
|
|
+
|
|
|
+ input,
|
|
|
+ .ant-card {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-radio {
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table table .ant-table-thead>tr>th {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #183266;
|
|
|
+ line-height: 22px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item {
|
|
|
+ font-size: 18px;
|
|
|
+ height: inherit;
|
|
|
+
|
|
|
+ &:hover .ant-upload-list-item-info {
|
|
|
+ background: inherit;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item-card-actions {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item-name {
|
|
|
+ padding-left: 26px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item-info .anticon-paper-clip {
|
|
|
+ top: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table table .ant-table-tbody>tr>td,
|
|
|
+ .ant-pagination-prev .ant-pagination-item-link,
|
|
|
+ .ant-pagination-next .ant-pagination-item-link,
|
|
|
+ .ant-pagination-item {
|
|
|
+ background: transparent;
|
|
|
+ color: #D7E4E8;
|
|
|
+ font-size: 18px;
|
|
|
+ border: none !important;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
|
+ .ant-table table .ant-table-tbody>tr>td {
|
|
|
+ border-bottom: 1px solid #567A86 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-bordered.ant-table-empty .ant-table-placeholder,
|
|
|
+ .ant-table-placeholder,
|
|
|
+ .ant-table table {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav-container {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-pagination-item a {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table table .ant-table-thead>tr>th {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-title,
|
|
|
+ .ant-pagination-disabled a,
|
|
|
+ .ant-pagination-disabled:hover a,
|
|
|
+ .ant-pagination-disabled:focus a,
|
|
|
+ .ant-pagination-disabled .ant-pagination-item-link,
|
|
|
+ .ant-pagination-disabled:hover .ant-pagination-item-link,
|
|
|
+ .ant-pagination-disabled:focus .ant-pagination-item-link,
|
|
|
+ .ant-table-header,
|
|
|
+ .ant-table-placeholder,
|
|
|
+ .ant-modal,
|
|
|
+ .ant-tree li .ant-tree-node-content-wrapper:hover,
|
|
|
+ .ant-form,
|
|
|
+ .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-header {
|
|
|
+ background: url('@/Project/assets/newUI/modelTitleBg.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-title {
|
|
|
+ color: #183266;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-close-x {
|
|
|
+ color: #183266;
|
|
|
+ font-size: 20px;
|
|
|
+ background: url('@/Project/assets/newUI/modalClose.png');
|
|
|
+ background-size: 46% 46%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+
|
|
|
+ >i {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-radio-wrapper,
|
|
|
+ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab,
|
|
|
+ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
|
|
|
+ border-top-color: #0d1a2b;
|
|
|
+ border-left-color: #0d1a2b;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-bordered .ant-table-header>table,
|
|
|
+ .ant-table-bordered .ant-table-body>table,
|
|
|
+ .ant-table-bordered .ant-table-fixed-left table,
|
|
|
+ .ant-table-bordered .ant-table-fixed-right table {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-empty-normal {
|
|
|
+ color: #fff !important;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-switch {
|
|
|
+ background-color: rgba(211, 211, 211, 0.25);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-switch-checked {
|
|
|
+ background-color: #7bfffb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item-card-actions.picture {
|
|
|
+ top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-item-card-actions .anticon {
|
|
|
+ color: #ff7875;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
|
|
|
+ .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
|
|
|
+ padding-right: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h4.ant-typography,
|
|
|
+ .ant-typography h4,
|
|
|
+ .ant-modal-close,
|
|
|
+ .ant-tabs,
|
|
|
+ .ant-table,
|
|
|
+ .ant-modal-close:focus,
|
|
|
+ .ant-modal-close:hover,
|
|
|
+ .ant-card,
|
|
|
+ .ant-tree,
|
|
|
+ .ant-modal-confirm-body .ant-modal-confirm-title,
|
|
|
+ .ant-modal-confirm-body .ant-modal-confirm-content,
|
|
|
+ .ant-checkbox-wrapper,
|
|
|
+ .ant-dropdown-menu-item,
|
|
|
+ .ant-modal-body,
|
|
|
+ .ant-dropdown-menu-submenu-title,
|
|
|
+ .ant-select-search__field__placeholder,
|
|
|
+ .ant-radio-disabled+span,
|
|
|
+ .ant-upload-list,
|
|
|
+ .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
|
|
|
+ .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
|
|
|
+ .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
|
|
|
+ .ant-dropdown-menu-item>a,
|
|
|
+ .ant-dropdown-menu-submenu-title>a,
|
|
|
+ .ant-tabs-tab-prev-icon .ant-tabs-tab-prev-icon-target,
|
|
|
+ .ant-tabs-tab-next-icon .ant-tabs-tab-next-icon-target,
|
|
|
+ .ant-descriptions-item-label,
|
|
|
+ .ant-descriptions-item-content {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree li span.ant-select-tree-switcher {
|
|
|
+ vertical-align: initial;
|
|
|
+ top: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon,
|
|
|
+ .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
|
|
|
+ color: #fff !important;
|
|
|
+ font-size: 24px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree {
|
|
|
+ >.ant-select-tree-treenode-switcher-open {
|
|
|
+ >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-open {
|
|
|
+ height: 44px;
|
|
|
+ padding-top: 8px;
|
|
|
+ font-size: 18px !important;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ border-top: 1px solid rgba(153, 231, 255, 0.4);
|
|
|
+ border-bottom: 1px solid rgba(153, 231, 255, 0.4);
|
|
|
+ }
|
|
|
+
|
|
|
+ >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
|
|
|
+ font-size: 18px !important;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ border-top: 1px solid rgba(153, 231, 255, 0.4);
|
|
|
+ border-bottom: 1px solid rgba(153, 231, 255, 0.4);
|
|
|
+ }
|
|
|
+
|
|
|
+ >.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-normal {
|
|
|
+ font-size: 14px !important;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ li .ant-select-tree-node-content-wrapper {
|
|
|
+ height: auto;
|
|
|
+ font-size: 14px !important;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >.ant-select-tree-treenode-switcher-close {
|
|
|
+ >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
|
|
|
+ height: 44px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #d7e4e8;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ border-top: 1px solid rgba(153, 231, 255, 0.4);
|
|
|
+ padding-top: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
|
|
|
+ background-color: #05fdec;
|
|
|
+
|
|
|
+ .ant-select-tree-title {
|
|
|
+ color: #183266;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree li {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree-dropdown .ant-select-dropdown-search {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: transparent;
|
|
|
+ border-width: 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ outline: 0;
|
|
|
+ font-size: 18px;
|
|
|
+ padding-left: 20px;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 10px;
|
|
|
+ border-radius: 4px;
|
|
|
+ outline: 0;
|
|
|
+ border-width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection__placeholder {
|
|
|
+ font-size: 22px;
|
|
|
+ height: 46px;
|
|
|
+ line-height: 46px;
|
|
|
+ top: 0;
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tree li .ant-tree-node-content-wrapper {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ height: auto;
|
|
|
+ line-height: 44px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
|
|
|
+ color: #333;
|
|
|
+ font-size: 22px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-content {
|
|
|
+ background: url('@/Project/assets/newUI/confirmModalBG.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+
|
|
|
+ .ant-modal-footer {
|
|
|
+ .ant-btn {
|
|
|
+ width: 97px;
|
|
|
+ height: 46px;
|
|
|
+ background: #d7e4e8 !important;
|
|
|
+ box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
|
|
|
+ border-radius: 8px 8px 8px 8px;
|
|
|
+ opacity: 1;
|
|
|
+ color: #366cda !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-btn.ant-btn-primary {
|
|
|
+ width: 97px;
|
|
|
+ height: 46px;
|
|
|
+ background: #366cda !important;
|
|
|
+ box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
|
|
|
+ border-radius: 8px 8px 8px 8px;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #d7e4e8 !important;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-btn-primary:hover,
|
|
|
+ .ant-btn-primary:focus,
|
|
|
+ .ant-btn-primary:active,
|
|
|
+ .ant-btn-primary.active {
|
|
|
+ background-color: #5589e5;
|
|
|
+ border-color: #5589e5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-pagination-item-active a {
|
|
|
+ color: #7bfffb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-body,
|
|
|
+ .ant-form label,
|
|
|
+ .ant-select-dropdown {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .formItem {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .ant-btn {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-card-head-title {
|
|
|
+ display: 'inline-block';
|
|
|
+ flex: 1 1;
|
|
|
+ padding: 16px 0;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 26px;
|
|
|
+ color: white;
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-arrow {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ right: 3px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-range-picker-input {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-range-picker-separator {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-btn {
|
|
|
+ height: 46px;
|
|
|
+ border-radius: 4px;
|
|
|
+ line-height: 1;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 400;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
|
|
|
+
|
|
|
+ &.ant-btn-danger {
|
|
|
+ color: #183266;
|
|
|
+ background: #ff8500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-btn-primary {
|
|
|
+ background: #366cda;
|
|
|
+ border: 1px solid #366cda;
|
|
|
+ color: #c0f0ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-drawer-content {
|
|
|
+ background: linear-gradient(180deg, #162338 0%, #30496a 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-drawer-header,
|
|
|
+ .ant-drawer-title,
|
|
|
+ .ant-drawer-close {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-drawer-title,
|
|
|
+ .ant-drawer-close {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-drawer-header {
|
|
|
+ background: transparent;
|
|
|
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr:hover.ant-table-row-selected>td,
|
|
|
+ .ant-table-tbody>tr:hover.ant-table-row-selected>td {
|
|
|
+ background: #20579d;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-dropdown-menu {
|
|
|
+ background: linear-gradient(180deg, #162338 0%, #30496a 100%);
|
|
|
+ padding-top: 8px;
|
|
|
+ padding-bottom: 8px;
|
|
|
+
|
|
|
+ .ant-dropdown-menu-item:hover,
|
|
|
+ .ant-dropdown-menu-submenu-title:hover {
|
|
|
+ background: #20579d !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-dropdown {
|
|
|
+ background: linear-gradient(rgba(29, 56, 103, 0.83), rgba(4, 18, 51, 0.90));
|
|
|
+ padding-top: 0;
|
|
|
+ padding-bottom: 8px;
|
|
|
+
|
|
|
+ .ant-select-dropdown-menu-item {
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-dropdown-menu-item-selected,
|
|
|
+ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
|
|
|
+ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
|
|
|
+ background: #20579d !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-container {
|
|
|
+ .ant-calendar {
|
|
|
+ color: #fff;
|
|
|
+ background: rgba(40, 102, 178, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-disabled-cell .ant-calendar-date {
|
|
|
+ background: #ddd;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-range-middle,
|
|
|
+ .ant-calendar-header .ant-calendar-century-select,
|
|
|
+ .ant-calendar-header .ant-calendar-decade-select,
|
|
|
+ .ant-calendar-header .ant-calendar-year-select,
|
|
|
+ .ant-calendar-header .ant-calendar-month-select,
|
|
|
+ .ant-calendar-date {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-header .ant-calendar-next-century-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-next-decade-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-next-year-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-next-century-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-next-decade-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-next-year-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-next-month-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-next-month-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-month-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-month-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-century-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-decade-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-year-btn::before,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-century-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-decade-btn::after,
|
|
|
+ .ant-calendar-header .ant-calendar-prev-year-btn::after {
|
|
|
+ border-color: #fff;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ border-color: #333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-disabled-cell .ant-calendar-date {
|
|
|
+ color: #666 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-date:hover {
|
|
|
+ background: #87c0da;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-input {
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-range .ant-calendar-input,
|
|
|
+ .ant-calendar-range .ant-calendar-time-picker-input {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-next-month-cell,
|
|
|
+ .ant-calendar-last-month-cell {
|
|
|
+ .ant-calendar-date {
|
|
|
+ color: rgba(255, 255, 255, 0.5);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-range .ant-calendar-in-range-cell::before {
|
|
|
+ background: #5382bd;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-icon {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-time-picker-select {
|
|
|
+ background: #2866b2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-time-picker-select li:hover {
|
|
|
+ background: #bae7ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ li.ant-calendar-time-picker-select-option-selected {
|
|
|
+ background: #bae7ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-spin-nested-loading,
|
|
|
+ .ant-spin-container {
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ .ant-spin-dot-item {
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-spin {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-spin-nested-loading>div>.ant-spin {
|
|
|
+ position: static;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-clear,
|
|
|
+ .ant-calendar-picker-icon {
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: -12px;
|
|
|
+ color: #fff;
|
|
|
+ right: 16px;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-clear {
|
|
|
+ margin-top: -10px;
|
|
|
+ background-color: #1E4D85;
|
|
|
+ right: 17px;
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-icon {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: -10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-clear:hover {
|
|
|
+ color: rgba(255, 255, 255, 0.8);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-row-expand-icon {
|
|
|
+ font-size: 18px;
|
|
|
+ background: transparent;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-fixed-left table,
|
|
|
+ .ant-table-fixed-right table,
|
|
|
+ .ant-table-fixed .ant-table-thead>tr {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal {
|
|
|
+ min-width: 860px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-footer {
|
|
|
+ padding: 30px 0;
|
|
|
+ margin: 0 18px; //46px
|
|
|
+ }
|
|
|
+
|
|
|
+ // .ant-modal-body{
|
|
|
+ // padding: 24px 46px;
|
|
|
+ // }
|
|
|
+
|
|
|
+ .ant-alert {
|
|
|
+ padding-left: 50px;
|
|
|
+ background: url('@/Project/assets/newUI/tableAlertBg.png') no-repeat center;
|
|
|
+ border: none;
|
|
|
+ padding-top: 2px;
|
|
|
+ padding-bottom: 0;
|
|
|
+ font-size: 18px;
|
|
|
+
|
|
|
+ &.ant-alert-warning {
|
|
|
+ background: #d3b61f;
|
|
|
+ border: 1px solid #d3b61f;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.ant-alert-error {
|
|
|
+ background: #eb6067;
|
|
|
+ border: 1px solid #eb6067;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.ant-alert-closable {
|
|
|
+ padding-right: 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ a,
|
|
|
+ a:hover,
|
|
|
+ .ant-alert-message {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-alert-icon {
|
|
|
+ top: 10px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-alert-close-icon {
|
|
|
+ font-size: 18px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+
|
|
|
+ .anticon-close {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-pagination-options-quick-jumper {
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ vertical-align: top;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+
|
|
|
+ input {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-descriptions-bordered .ant-descriptions-item-label {
|
|
|
+ background-color: #142c45;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-descriptions-title {
|
|
|
+ font-weight: normal;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-descriptions-item-label {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-descriptions-item-content {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .chartUtils {
|
|
|
+ // .ant-form-item-label > label {
|
|
|
+ // color: #333;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ .ant-input-group-addon {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .dataList {
|
|
|
+ // .searchBox {
|
|
|
+ // height: 60px;
|
|
|
+ // flex: 0 0 60px;
|
|
|
+ // line-height: 60px;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .list {
|
|
|
+ // li {
|
|
|
+ // height: 54px;
|
|
|
+ // text-align: center;
|
|
|
+ // line-height: 54px;
|
|
|
+ // font-size: 18px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ .ant-form-item {
|
|
|
+ min-height: 46px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ background: url('@/Project/assets/newUI/item-bg.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ padding: 0 20px;
|
|
|
+ border-bottom: 1px solid #99e7ff;
|
|
|
+
|
|
|
+ &.btn-item {
|
|
|
+ background: none;
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item-label {
|
|
|
+ line-height: 1;
|
|
|
+ text-align: left;
|
|
|
+
|
|
|
+ >label {
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #c0f0ff;
|
|
|
+ line-height: 46px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-simple {
|
|
|
+ .ant-form-item {
|
|
|
+ min-height: 34px;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ background: transparent;
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item-label {
|
|
|
+ >label {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #d7e4e8;
|
|
|
+ line-height: 34px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item-control {
|
|
|
+ line-height: 34px;
|
|
|
+ color: #d7e4e8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-input {
|
|
|
+ background-color: transparent !important;
|
|
|
+ border: none;
|
|
|
+ height: 44px;
|
|
|
+ color: #d7e4e8;
|
|
|
+ font-size: 22px;
|
|
|
+
|
|
|
+ &:focus {
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::placeholder {
|
|
|
+ color: #bfbfbf;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker {
|
|
|
+ min-width: 230px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-calendar-picker-input {
|
|
|
+ input::placeholder {
|
|
|
+ color: #bfbfbf;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select {
|
|
|
+ color: #d7e4e8;
|
|
|
+ font-size: 22px;
|
|
|
+ // opacity: 0.8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection {
|
|
|
+ border: none;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection--single {
|
|
|
+ height: 42px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection__rendered {
|
|
|
+ line-height: 44px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-focused .ant-select-selection,
|
|
|
+ .ant-select-selection:focus,
|
|
|
+ .ant-select-selection:active {
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item-children {
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-checkbox-inner {
|
|
|
+ background-color: #c0f0ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-column-title .ant-checkbox-inner {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-column-title .ant-checkbox-checked .ant-checkbox-inner {
|
|
|
+ background-color: #1890ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr,
|
|
|
+ .ant-table-thead>tr:hover {
|
|
|
+ background: url('@/Project/assets/newUI/theadBg.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-tbody>tr {
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+ background-image: url('@/Project/assets/newUI/tbodyBg1.png');
|
|
|
+ // background: linear-gradient(270deg, rgba(153,231,255,0.8) 0%, #60A8FF 100%);
|
|
|
+
|
|
|
+ // &:nth-child(2n) {
|
|
|
+ // background: linear-gradient(270deg, rgba(153,231,255,0.8) 0%, #60A8FF 100%);
|
|
|
+ // }
|
|
|
+ td {
|
|
|
+ border-bottom: #60a8ff !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(2n) {
|
|
|
+ background-image: url('@/Project/assets/newUI/tbodyBg2.png');
|
|
|
+
|
|
|
+ td {
|
|
|
+ border-bottom: none !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // &:focus,
|
|
|
+ // &:active,
|
|
|
+ // &:hover,
|
|
|
+ &.table-row-active {
|
|
|
+ background: #05FDEC;
|
|
|
+
|
|
|
+ a,
|
|
|
+ .ant-select,
|
|
|
+ .ant-select-selection__clear,
|
|
|
+ td {
|
|
|
+ color: #00388c !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr>th.ant-table-selection-column,
|
|
|
+ .ant-table-tbody>tr>td.ant-table-selection-column {
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ a,
|
|
|
+ a:hover,
|
|
|
+ .ant-btn-link,
|
|
|
+ .ant-btn-link:hover,
|
|
|
+ .ant-btn-link:focus,
|
|
|
+ .ant-pagination-item:focus a,
|
|
|
+ .ant-pagination-item:hover a {
|
|
|
+ color: #7bfffb;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
|
|
|
+ .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-vertical .ant-form-item-label,
|
|
|
+ .ant-col-24.ant-form-item-label,
|
|
|
+ .ant-col-xl-24.ant-form-item-label {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item .ant-switch {
|
|
|
+ margin-top: 12px;
|
|
|
+ margin-left: 11px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-input[disabled],
|
|
|
+ .ant-select-auto-complete.ant-select .ant-input[disabled],
|
|
|
+ .ant-select-auto-complete.ant-select .ant-input[disabled]:hover,
|
|
|
+ .ant-select-disabled .ant-select-selection {
|
|
|
+ background: transparent;
|
|
|
+ color: #d7e4e8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav .ant-tabs-tab-active,
|
|
|
+ .ant-tabs-nav .ant-tabs-tab:hover {
|
|
|
+ color: #7bfffb;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav-wrap {
|
|
|
+ background: url('@/Project/assets/newUI/tabsBg.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ padding: 6px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-bar {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-ink-bar {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav {
|
|
|
+ color: #D7E4E8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav .ant-tabs-tab {
|
|
|
+ padding: 0 32px;
|
|
|
+ margin-right: 0px;
|
|
|
+ border-right: 1px solid #D7E4E8;
|
|
|
+ vertical-align: middle;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-nav .ant-tabs-tab:hover {
|
|
|
+ color: #7bfffb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection__clear {
|
|
|
+ right: 4px;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ font-size: 18px;
|
|
|
+ background: #1f386e;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-selection__clear:hover {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-select-auto-complete.ant-select .ant-input {
|
|
|
+ height: 46px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-thead>tr>th,
|
|
|
+ .ant-table-tbody>tr>td {
|
|
|
+ padding: 10px 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-input-number-disabled {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 22px;
|
|
|
+ line-height: 46px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-item-control {
|
|
|
+ line-height: 44px;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-collapse {
|
|
|
+ border: none;
|
|
|
+
|
|
|
+ >.ant-collapse-item>.ant-collapse-header {
|
|
|
+ color: #183266;
|
|
|
+ background: url('@/Project/assets/newUI/collapseTitleBg.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ height: 46px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #183266;
|
|
|
+ line-height: 1;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding-left: 30px;
|
|
|
+
|
|
|
+ .ant-collapse-arrow {
|
|
|
+ position: static;
|
|
|
+ transform: none;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >.ant-collapse-item:last-child,
|
|
|
+ >.ant-collapse-item:last-child>.ant-collapse-header {
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-input-number {
|
|
|
+ height: 46px;
|
|
|
+ border: none;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-input-number-input {
|
|
|
+ height: 46px;
|
|
|
+ background-color: transparent;
|
|
|
+ border: none;
|
|
|
+ color: #d7e4e8;
|
|
|
+ font-size: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-empty {
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 20px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ color: #d7e4e8;
|
|
|
+ text-align: center;
|
|
|
+ width: 250px;
|
|
|
+ height: 195px;
|
|
|
+ position: relative;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+ .ant-empty-image {
|
|
|
+ height: 100%;
|
|
|
+ margin-bottom: 0;
|
|
|
+ background: url('@/Project/assets/newUI/nodata.png') no-repeat top center;
|
|
|
+ background-size: 250px 195px;
|
|
|
+
|
|
|
+ svg {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-empty-description {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 14px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,
|
|
|
+ .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow,
|
|
|
+ .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
|
|
|
+ border-color: #122c63;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-confirm {
|
|
|
+ >.ant-modal-content {
|
|
|
+ background: url('@/Project/assets/newUI/confirmModalBG.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ min-height: 296px;
|
|
|
+
|
|
|
+ >.ant-modal-body {
|
|
|
+ padding-left: 48px;
|
|
|
+ padding-right: 48px;
|
|
|
+ padding-top: 32px;
|
|
|
+
|
|
|
+ >.ant-modal-confirm-body-wrapper {
|
|
|
+ >.ant-modal-confirm-btns {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 36px;
|
|
|
+
|
|
|
+ button+button {
|
|
|
+ margin-left: 17px;
|
|
|
+ }
|
|
|
+
|
|
|
+ button {
|
|
|
+ width: 97px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-confirm-body {
|
|
|
+ min-height: 151px;
|
|
|
+ background: url('@/Project/assets/newUI/confirmBodyBG.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 151px;
|
|
|
+ padding-left: 186px;
|
|
|
+ padding-right: 186px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ >.anticon {
|
|
|
+ background: url('@/Project/assets/newUI/confirmModalIcon.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ width: 25px;
|
|
|
+ height: 28px;
|
|
|
+ margin-top: 6px;
|
|
|
+
|
|
|
+ svg {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >.ant-modal-confirm-title {
|
|
|
+ font-size: 28px !important;
|
|
|
+ font-weight: 500 !important;
|
|
|
+ color: #183266 !important;
|
|
|
+ line-height: 33px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ height: 75px;
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-modal-confirm-title+.ant-modal-confirm-content {
|
|
|
+ margin-left: 0;
|
|
|
+ min-height: 75px;
|
|
|
+ margin-top: 0;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #183266;
|
|
|
+ line-height: 26px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ width: 100%;
|
|
|
+ border-top: 2px solid #183266;
|
|
|
+ padding-top: 14px;
|
|
|
+ padding-bottom: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-form-explain {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .has-error .ant-form-explain,
|
|
|
+ .has-error .ant-form-split {
|
|
|
+ color: #ff8500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ ::-webkit-scrollbar {
|
|
|
+ width: 12px;
|
|
|
+ height: 14px;
|
|
|
+ border-radius: 10px;
|
|
|
+ background: rgba(40, 102, 178, 0.2);
|
|
|
+ }
|
|
|
+
|
|
|
+ /*滚动条滑块*/
|
|
|
+ ::-webkit-scrollbar-thumb {
|
|
|
+ height: 14px;
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: rgba(40, 102, 178, 1);
|
|
|
+ // background: linear-gradient(270deg, #99e7ff 4%, #60a8ff 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (max-width: 860px) {
|
|
|
+ :global {
|
|
|
+ body {
|
|
|
+ .ant-modal {
|
|
|
+ min-width: 85%;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
