修改ant-spin-nested-loading 样式

src/assets/styles/index.css

@@ -33,6 +33,210 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
+.commonInput {
+  background: #15202B;
+  border: 1px solid #2B3F52;
+  border-radius: 3px;
+  color: #E5E5E5;
+}
+.commonInput .ant-input {
+  color: #E5E5E5;
+  background: transparent;
+}
+.commonInput .ant-input::placeholder {
+  color: #394753;
+}
+.commonInput .ant-input-suffix {
+  color: #E5E5E5;
+}
+.tableConditionInput {
+  width: 140px;
+  height: 30px;
+  line-height: 30px;
+  background: #252D34;
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  border: 0;
+  color: #E5E5E5;
+  font-size: 14px;
+}
+.tableConditionInput::placeholder {
+  color: #394753;
+}
+.tableConditionInput + .tableConditionInput {
+  margin-left: 10px;
+}
+.ant-select-dropdown {
+  background: #424E59;
+  border: 1px solid #48545F;
+  box-shadow: 0px 10px 10px 0px rgba(18, 22, 24, 0.36);
+  border-radius: 5px;
+}
+.ant-select-dropdown .ant-select-item {
+  color: #7a8a94;
+}
+.ant-select-dropdown .ant-select-item-option-active,
+.ant-select-dropdown .ant-select-item-option-selected,
+.ant-select-dropdown .ant-select-item-option-hover {
+  background: #3a87f7;
+  color: #E5E5E5;
+}
+.topTable .ant-table {
+  width: 100%;
+}
+.topTable .ant-table table {
+  border: 0;
+}
+.topTable .ant-table .ant-table-thead tr {
+  box-shadow: 0px 1px 0px 0px #2E3539;
+}
+.topTable .ant-table .ant-table-thead tr th {
+  line-height: 34px;
+  background: #212629;
+  padding-top: 0;
+  padding-bottom: 0;
+  color: #556772;
+  font-size: 14px;
+  border-color: #161A1C;
+}
+.topTable .ant-table .ant-table-placeholder {
+  border: 0;
+  background: #0E0E0F;
+}
+.ant-empty-normal {
+  color: #556772;
+}
+.ant-empty-img-simple-path,
+.ant-empty-img-simple-ellipse {
+  fill: #556772;
+}
+.ant-empty-img-simple-g {
+  stroke: #556772;
+}
+.add-custom .ant-modal-content {
+  background: #0F1A25;
+  border-radius: 5px;
+}
+.add-custom .ant-modal-content .ant-modal-close .ant-modal-close-x {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+}
+.add-custom .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon {
+  color: #1271BA;
+}
+.add-custom .ant-modal-content .ant-modal-header {
+  height: 40px;
+  background: linear-gradient(0deg, #112C43, #084258);
+  border-radius: 5px;
+  padding: 0;
+  text-align: center;
+  border-bottom: 0;
+}
+.add-custom .ant-modal-content .ant-modal-header .ant-modal-title {
+  line-height: 40px;
+  font-size: 16px;
+  color: #ffffff;
+}
+.add-custom .ant-modal-content .ant-modal-footer {
+  border-top: 0;
+  text-align: center;
+  padding-bottom: 31px;
+}
+.add-custom .ant-modal-content .ant-modal-footer .ant-btn-primary {
+  width: 200px;
+  height: 34px;
+  line-height: 34px;
+  border: 0;
+  background: linear-gradient(0deg, #3163BA 0%, #4179DB 100%);
+  border-radius: 3px;
+  font-size: 16px;
+  color: #ffffff;
+}
+.add-custom .ant-modal-content .ant-modal-footer .ant-btn-primary:hover {
+  background: linear-gradient(0deg, rgba(49, 99, 186, 0.8) 0%, rgba(65, 121, 219, 0.8) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+.ant-form.inlineForm .ant-row.ant-form-item {
+  margin-bottom: 21px;
+}
+.ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label {
+  width: 80px;
+  line-height: 30px;
+  text-align: left;
+}
+.ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label {
+  color: #7a8a94;
+}
+.ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label::after {
+  content: '';
+}
+.ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-control-wrapper .ant-form-item-control {
+  line-height: 30px;
+}
+.ant-form.inlineForm .relative.ant-form-item {
+  position: relative;
+}
+.ant-form.inlineForm .relative.ant-form-item .tip {
+  position: absolute;
+  font-size: 14px;
+  color: #7a8a94;
+}
+.ant-form.inlineForm .tc.ant-form-item .ant-form-item-control-wrapper {
+  margin: 0 auto;
+}
+.ant-select-single .ant-select-selector {
+  height: 30px;
+  padding: 0 8px;
+  background: #15202B;
+  border: 1px solid #0C95FF;
+  border-radius: 3px;
+  color: #E5E5E5;
+}
+.ant-select-single .ant-select-arrow {
+  right: 8px;
+  color: #3A87F7;
+}
+.inlineFormSelect.ant-select-single,
+.typeSelect.ant-select-single {
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+}
+.inlineFormSelect.ant-select-single .ant-select-selector {
+  height: 30px;
+  padding: 0 8px;
+  background: #15202B;
+  border: 1px solid #0C95FF;
+  border-radius: 3px;
+  color: #E5E5E5;
+}
+.inlineFormSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+  color: #394753;
+}
+.inlineFormSelect.ant-select-single .ant-select-arrow {
+  right: 8px;
+  color: #3A87F7;
+}
+.typeSelect.ant-select-single {
+  border: 1px solid #0C95FF;
+}
+.commonInput {
+  background: #15202B;
+  border: 1px solid #2B3F52;
+  border-radius: 3px;
+  color: #E5E5E5;
+}
+.commonInput .ant-input {
+  color: #E5E5E5;
+  background: transparent;
+}
+.commonInput .ant-input-suffix {
+  color: #E5E5E5;
+}
 /*滚动条样式*/
 ::-webkit-scrollbar {
   width: 10px;
@@ -176,6 +380,7 @@ body {
 }
 .ant-spin-nested-loading {
   width: 100%;
+  height: 100%;
 }
 .ant-spin-nested-loading .ant-spin-container {
   width: 100%;

src/assets/styles/index.less

@@ -163,7 +163,7 @@ body {
 }
 .ant-spin-nested-loading {
     width: 100%;
-    // height: 100%;
+    height: 100%;
     .ant-spin-container {
         width: 100%;
         height: 100%;