add: 增加首页

src/components/index/customDialog.vue

@@ -5,7 +5,7 @@
         <p class="custom-dialog__p">请选择您想在首页展示的快捷操作，最多勾选8，已经勾选了<span>{{checkList.length}}</span>个</p>
       </div>
       <div class="custom-dialog__checkbox">
-        <el-checkbox-group v-model="checkList" @change="customChange">
+        <el-checkbox-group v-model="checkList" @change="customChange" :max="8">
           <el-checkbox v-for="item in customData" :label="item.id" :key="item.id" name="type">{{item.name}}</el-checkbox>
         </el-checkbox-group>
       </div>

theme/index.css

@@ -3975,12 +3975,13 @@
     font-size: 18px;
     color: #303133; }
   .el-dialog__body {
-    padding: 30px 20px;
+    padding: 20px 20px 10px 20px;
     color: #606266;
     font-size: 14px; }
   .el-dialog__footer {
-    padding: 20px;
-    padding-top: 10px;
+    border-top:1px solid #DCDFE6;
+    padding: 10px 20px;
+    /* padding-top: 10px; */
     text-align: right;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
@@ -9194,8 +9195,8 @@
       .el-radio__input.is-checked .el-radio__inner::after {
         -webkit-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1); }
-    .el-radio__input.is-checked + .el-radio__label {
-      color: #1890ff; }
+    /* .el-radio__input.is-checked + .el-radio__label {
+      color: #1890ff; } */
     .el-radio__input.is-focus .el-radio__inner {
       border-color: #1890ff; }
   .el-radio__inner {
@@ -9243,7 +9244,7 @@
       box-shadow: 0 0 2px 2px #1890ff; }
   .el-radio__label {
     font-size: 14px;
-    padding-left: 10px; }
+    padding-left: 8px; }
 
 /* BEM support Func
  -------------------------- */
@@ -10349,8 +10350,8 @@
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #1890ff; }
+    /* .el-checkbox__input.is-checked + .el-checkbox__label {
+      color: #1890ff; } */
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
@@ -14633,8 +14634,8 @@
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #1890ff; }
+    /* .el-checkbox__input.is-checked + .el-checkbox__label {
+      color: #1890ff; } */
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
@@ -16475,8 +16476,8 @@
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #1890ff; }
+    /* .el-checkbox__input.is-checked + .el-checkbox__label {
+      color: #1890ff; } */
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
@@ -22891,7 +22892,7 @@
     width: 25px;
     display: inline-block;
     float: right;
-    line-height: 32px; }
+    line-height: 24px; }
 
 .el-range-editor.el-input__inner {
   display: -webkit-inline-box;
@@ -30037,8 +30038,8 @@
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #1890ff; }
+    /* .el-checkbox__input.is-checked + .el-checkbox__label {
+      color: #1890ff; } */
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
@@ -31812,8 +31813,8 @@
       padding-left: 35px;
       padding-right: 35px; }
   .el-input-number.is-without-controls .el-input__inner {
-    padding-left: 15px;
-    padding-right: 15px; }
+    padding-left: 12px;
+    padding-right: 12px; }
   .el-input-number.is-controls-right .el-input__inner {
     padding-left: 15px;
     padding-right: 42px; }
@@ -41626,7 +41627,7 @@
   .el-textarea__inner {
     display: block;
     resize: vertical;
-    padding: 5px 15px;
+    padding: 5px 12px;
     line-height: 1.5;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -42410,22 +42411,24 @@
         color: #fcce72;
         background-color: #fff7e8;
         border-color: #feefd0; }
-  .el-button--danger {
-    color: #fff;
-    background-color: #f5222d;
-    border-color: #f5222d; }
+      .el-button--danger {
+          color: #F5222D;
+          background-color: #F5F7FA;
+          border-color: #DCDFE6;
+      }
+
     .el-button--danger:hover, .el-button--danger:focus {
-      background: #f74e57;
-      border-color: #f74e57;
+      background: #F5222D;
+      border-color: #F5222D;
       color: #fff; }
     .el-button--danger:active {
-      background: #dd1f29;
-      border-color: #dd1f29;
+      background: #CF1322;
+      border-color: #CF1322;
       color: #fff;
       outline: none; }
     .el-button--danger.is-active {
-      background: #dd1f29;
-      border-color: #dd1f29;
+      background: #CF1322;
+      border-color: #CF1322;
       color: #fff; }
     /* .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
       color: #fff;
@@ -42515,7 +42518,8 @@
     color: #1890ff;
     background: transparent;
     padding-left: 0;
-    padding-right: 0; }
+    padding-right: 0;
+    padding: 0; }
     .el-button--text:hover, .el-button--text:focus {
       color: #46a6ff;
       border-color: transparent;
@@ -43040,8 +43044,8 @@
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #1890ff; }
+    /* .el-checkbox__input.is-checked + .el-checkbox__label {
+      color: #1890ff; } */
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
@@ -44408,6 +44412,7 @@
   top: -1px;
   width: 6px;
   height: 6px;
+  background:none;
   vertical-align: middle;
   border-radius: 50%;
   border: 1px solid #1890FF;
@@ -44444,7 +44449,9 @@
 }
 
 
-
+.el-popover {
+  cursor: pointer;
+}