[update] 框架调整

src/assets/less/common.less

@@ -1,4 +1,4 @@
-
+@import "./modifyLessVars.less";
 /*列表上方操作按钮区域*/
 .ant-card-body .table-operator {
   //margin-bottom: 8px;
@@ -81,4 +81,65 @@
 }
 .ant-tabs-bar {
   margin-bottom: 0px;
-}
+}
+
+/* 表格样式begin */
+.ant-table-thead > tr > th {
+  background: linear-gradient( 180deg, rgba(0,148,255,0.1) 0%, rgba(0,148,255,0.2) 100%) !important;
+}
+/* 表格样式nd */
+
+/* 复选框begin */
+.ant-checkbox-inner,
+.ant-tree-checkbox-inner{
+  background-color: transparent;
+}
+/* 复选框end */
+
+/* 下拉框begin */
+.ant-select-selection--multiple .ant-select-selection__choice {
+  color: @text-color;
+  background-color: @primary-1;
+  border: 1px solid @border-color-base;
+  border-radius: 2px;
+}
+.ant-select-selection--multiple .ant-select-selection__choice__remove {
+  color: @text-color;
+}
+.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
+  color: @text-color !important;
+}
+
+.ant-select-dropdown-menu-item-selected,
+.ant-select-dropdown-menu-item-selected:hover {
+  background-color: @primary-2;
+  color: @text-color;
+}
+/* 下拉框end */
+
+/* 表单禁用样式begin */
+.ant-input[disabled],
+.ant-radio-disabled + span,
+.ant-radio-disabled .ant-radio-inner,
+.ant-select-disabled .ant-select-selection,
+.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice
+{
+  color: @text-color-secondary !important;
+  background-color: transparent !important;
+}
+.ant-radio-disabled .ant-radio-inner::after {
+  background-color: @text-color-secondary !important;
+}
+/* 表单禁用样式end */
+
+/* 部分组件begin */
+// 弹出抽屉底部自定义
+.drawer-bootom-button {
+  background-color: @component-background !important;
+  border-top-color: @border-color-split !important;
+}
+.ant-modal-close:focus, .ant-modal-close:hover,
+.ant-drawer-close:focus, .ant-drawer-close:hover{
+  color: #fff;
+}
+/* 部分组件end */

src/assets/less/modifyLessVars.js

@@ -0,0 +1,23 @@
+module.exports = {
+  // 背景色
+  'component-background': '#001B36',
+  'background-color-base': 'rgba(0,27,54,0.67)', // 基础背景色
+  'background-color-light': 'rgba(0, 148, 255, 0.30)', // 基础高亮背景色
+
+  // 边框色
+  'border-color-base': '#0094FF',
+  'border-color-split': '#0094FF',
+
+  // 字体颜色
+  'heading-color': 'rgba(255, 255, 255, 0.96)',
+  'text-color': 'rgba(255, 255, 255, 0.96)',
+  'text-color-secondary': '#A5B8CE',
+
+  // 主题色
+  'primary-1': 'rgba(0, 148, 255, 0.30)',
+  'primary-2': 'rgba(0, 148, 255, 0.10)',
+
+  // 表格相关
+  'table-selected-row-bg': 'rgba(0, 148, 255, 0.30)', // 勾选行背景色
+  'table-expanded-row-bg': 'rgba(0, 148, 255, 0.10)', // 扩展行背景色
+}

src/assets/less/modifyLessVars.less

@@ -0,0 +1,21 @@
+/* 背景色 */
+@component-background: #001B36;
+@background-color-base: #001B36AA;
+@background-color-light: rgba(0, 148, 255, 0.30);
+
+/* 边框色 */
+@border-color-base: #0094FF;
+@border-color-split: #0094FF;
+
+/* 字体颜色 */
+@heading-color: rgba(255, 255, 255, 0.96);
+@text-color: rgba(255, 255, 255, 0.96);
+@text-color-secondary: #A5B8CE;
+
+/* 主题色 */
+@primary-1: rgba(0, 148, 255, 0.30);
+@primary-2: rgba(0, 148, 255, 0.10);
+
+/* 表格相关 */
+@table-selected-row-bg: rgba(0, 148, 255, 0.30);
+@table-expanded-row-bg: rgba(0, 148, 255, 0.10);