| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- // @import "/fonts/iconfont/custom/iconfont.css"; // 引入自定义的 iconfont
- // @import "/fonts/iconfont/default/iconfont.css"; // 引入默认的 iconfont
- // :global(.anticon) {
- // &:before {
- // font-family: "anticon", "anticon-custom" !important
- // }
- // }
- // 菜单项间隔去除margin
- .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider {
- margin: 0;
- }
- .ant-dropdown-menu {
- padding: 0;
- }
- .ant-input[disabled],.ant-select-disabled,.ant-input-number-disabled {
- color: rgba(0, 0, 0, 0.5);
- }
- // Button
- // .ant-btn {
- // background: #F5FBFE;
- // border: 1px solid #408DC6;
- // }
- // .ant-btn-primary {
- // background-color: #1890ff;
- // }
- // .ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn-disabled:active, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn-disabled.active, .ant-btn.disabled.active, .ant-btn[disabled].active {
- // background-color: #f5f5f5;
- // border-color: #ccc;
- // }
- // Table
- .ant-table-body {
- margin-top: 10px;
- overflow: auto !important;
- }
- .ant-table-small > .ant-table-content > .ant-table-body {
- margin: 0;
- }
- .ant-table-row {
- background: #fff;
- }
- .ant-table-thead > tr > th {
- background: transparent;
- }
- .ant-table-thead > tr,.ant-table-thead > tr:hover {
- height: 40px;
- background: #D6EEFE;
- }
- .ant-table-fixed-header .ant-table-scroll .ant-table-header {
- overflow: hidden;
- margin-bottom: 0 !important;
- margin-right: 10px;
- background: #D6EEFD;
- &:after {
- content: ' ';
- position: absolute;
- height: 41px;
- width: 11px;
- right: 0;
- top: 0px;
- background: #D6EEFD;
- border-bottom: 1px solid #e8e8e8;
- }
- }
- // ListFilter
- .list-filter .ant-select:first-child .ant-select-selection.ant-select-selection--single {
- background: #F5FBFE;
- cursor: default;
- }
- // Dropdown Menu
- .ant-dropdown-menu {
- border: 1px solid #408DC6;
- .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
- color: @item-active-color;
- background-color: @item-active-bg-color;
- }
- .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover {
- color: rgba(0, 0, 0, 0.25);
- background-color: #fff;
- }
- }
- // Checkbox
- .ant-checkbox-inner {
- border-radius: @checkbox-border-radius;
- }
- // Modal
- .ant-modal-header {
- display: table;
- width: 100%;
- padding: 42px 36px 0;
- border-bottom: none;
- &:before, &:after {
- content: "";
- position: relative;
- width: 33%;
- border-top: 1px solid #e8e8e8;
- display: table-cell;
- transform: translateY(50%);
- }
- .ant-modal-title {
- color: #2C82BE;
- text-align: center;
- }
- }
- .ant-modal-body {
- padding: 24px 36px;
- }
- .ant-modal-footer {
- padding: 12px 36px;
- }
- .ant-modal-close {
- position: absolute;
- top: 8px;
- right: 8px;
- .ant-modal-close-x {
- height: 32px;
- width: 32px;
- line-height: 32px;
- font-size: 18px;
- }
- }
- // 滚动条
- *::-webkit-scrollbar {
- width: 10px;
- height: 10px;
- }
- *::-webkit-scrollbar-thumb {
- background: #C2EAFC;
- border-radius: 4px;
-
- &:hover {
- background: #74c3e6;
- }
- }
- *::-webkit-scrollbar-track {
- background: #fff;
- border: 1px solid #e5e5e5;
- border-radius: 4px;
- }
|