[update] 完善系统

src/assets/less/common.less

@@ -126,6 +126,77 @@
 }
 /* 表格样式end */
 
+/* 分页器样式begin */
+.ant-pagination.ant-table-pagination.mini {
+  @gray: #D0DEEE;
+
+  // 总条数
+  .ant-pagination-total-text {
+    font-family: PingFang SC, PingFang SC, sans-serif;
+    font-weight: 400;
+    font-size: 14px;
+    color: @gray;
+    line-height: 22px;
+    margin-right: 16px;
+  }
+  .ant-pagination-prev {
+    margin-right: 4px;
+  }
+  .ant-pagination-next {
+    margin-left: 4px;
+    margin-right: 16px;
+  }
+  .ant-pagination-prev .ant-pagination-item-link,
+  .ant-pagination-next .ant-pagination-item-link {
+    border-color: @primary-color;
+    color: @gray;
+  }
+  .ant-pagination-jump-prev,
+  .ant-pagination-jump-next {
+    border: @primary-color 1px solid;
+    min-width: 24px;
+    margin-left: 4px;
+    margin-right: 4px;
+
+    .ant-pagination-item-ellipsis {
+      color: @gray;
+      font-size: 8px;
+    }
+  }
+  .ant-pagination-item {
+    margin-left: 4px;
+    margin-right: 4px;
+
+    & > a {
+      color: @gray;
+    }
+    & > a:hover {
+      color: @text-color;
+    }
+
+    &:not(.ant-pagination-item-active) {
+      border-color: @primary-color;
+    }
+  }
+  .ant-pagination-item-active {
+    background: linear-gradient( 180deg, rgba(0,148,255,0) 0%, rgba(0,148,255,0.8) 100%);
+
+    & > a {
+      color: @text-color;
+    }
+  }
+  .ant-select-arrow {
+    display: inline-block;
+    color: @gray;
+  }
+  .ant-select-arrow::after {
+    display: none;
+    content: none;
+  }
+}
+/* 分页器样式end */
+
+
 /* 复选框begin */
 .ant-checkbox-inner,
 .ant-tree-checkbox-inner{
@@ -286,6 +357,22 @@
   border: 1px solid #FF5353;
   color: @text-color;
 }
+
+.ant-btn.ant-btn-primary,
+.ant-btn.ant-btn-primary:hover,
+.ant-btn.ant-btn-primary:focus {
+  background: linear-gradient( 180deg, rgba(0,148,255,0) 0%, rgba(0,148,255,0.6) 100%);
+  border: 1px solid #0094FF;
+  color: @text-color;
+}
+
+.ant-btn.ant-btn-danger,
+.ant-btn.ant-btn-danger:hover,
+.ant-btn.ant-btn-danger:focus {
+  background: linear-gradient( 0deg, rgba(255,83,83,0.6) 00%, rgba(255,83,83,0) 100%);
+  border: 1px solid #FF5353;
+  color: @text-color;
+}
 /* 部分组件end */
 
 .ml-8 {
@@ -432,7 +519,7 @@
     margin-bottom: 4px;
   }
   .ant-form-item {
-    margin-bottom: 0px;
+    margin-bottom: 16px;
   }
   .ant-form-item-label > label::after {
     display: none;
@@ -452,4 +539,33 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+}
+
+.tag-blue {
+  background: rgba(0,148,255,0.2);
+  color: rgba(0,148,255,1);
+  border-radius: 2px;
+  display: inline-block;
+  height: 24px;
+  font-size: 13px;
+  line-height: 24px;
+  padding: 0 12px;
+
+}
+.tag-cyan {
+  background: rgba(46,228,253,0.2);
+  color: rgba(46,228,253);
+  border-radius: 2px;
+  display: inline-block;
+  height: 24px;
+  font-size: 13px;
+  line-height: 24px;
+  padding: 0 12px;
+}
+/*表格中换行文本的样式*/
+.table-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
 }

src/assets/less/modifyLessVars.js

@@ -1,7 +1,7 @@
 module.exports = {
   // 背景色
   'component-background': '#001B36',
-  'background-color-base': 'rgba(0,27,54,0.67)', // 基础背景色
+  'background-color-base': '#001B3688', // 基础背景色
   'background-color-light': 'rgba(0, 148, 255, 0.30)', // 基础高亮背景色
 
   // 边框色

src/assets/less/modifyLessVars.less

@@ -1,7 +1,7 @@
 @primary-color: #0094FF;
 /* 背景色 */
 @component-background: #001B36;
-@background-color-base: #001B36AA;
+@background-color-base: #001B3688;
 @background-color-light: rgba(0, 148, 255, 0.30);
 
 /* 边框色 */