css

src/ajax/index.js

@@ -15,7 +15,7 @@ export let NODE_ENVS = "/";
 switch (envs) {
   case 'development':
     //开发环境
-    NODE_ENVS = 'http://192.168.2.251:8080';
+    NODE_ENVS = 'http://192.168.1.240:8080';
     break;
   case 'test':
     //测试环境

src/assets/css/index/index.less

@@ -190,12 +190,13 @@
         padding-left: 10px;
         cursor: pointer;
         transition: all 0.4s ease;
+        display: block;
       }
 
       &:hover {
-       .wrap{
-         transform: translateY(-8px);
-       }
+        .wrap {
+          transform: translateY(-8px);
+        }
 
         .color1 {
           transform: translateY(0);
@@ -216,20 +217,22 @@
     border: 1px solid #E5EBF6;
     padding: 10px 10px 12px 12px;
     position: relative;
-    &:hover{
-      &::after{
+
+    &:hover {
+      &::after {
         content: "";
         position: absolute;
-        width:231px;
-        height:58px;
+        width: 231px;
+        height: 58px;
         background: url(../../images/tips.png) no-repeat;
         background-size: 100% 100%;
-        left:50%;
-        top:50%;
+        left: 50%;
+        top: 50%;
         margin-top: -29px;
         margin-left: -115px;
       }
     }
+
     .top {
       .title {
         font-size: 16px;
@@ -238,7 +241,6 @@
       }
 
       .tab {
-        width: 160px;
         height: 28px;
         background: #F1F4FA;
         border-radius: 2px;
@@ -246,6 +248,8 @@
         text-align: center;
 
         li {
+          width: 52px;
+          box-sizing: border-box;
           font-size: 12px;
           color: #646b78;
           text-align: center;
@@ -310,20 +314,22 @@
     .box {
       flex: 0 0 49.5%;
       position: relative;
-      &:hover{
-        &::after{
+
+      &:hover {
+        &::after {
           content: "";
           position: absolute;
-          width:231px;
-          height:58px;
+          width: 231px;
+          height: 58px;
           background: url(../../images/tips.png) no-repeat;
           background-size: 100% 100%;
-          left:50%;
-          top:50%;
+          left: 50%;
+          top: 50%;
           margin-top: -29px;
           margin-left: -115px;
         }
       }
+
       .head {
         padding-right: 100px;
 
@@ -363,6 +369,7 @@
       .list {
         width: 100%;
         border: 1px solid #E5EBF6;
+
         tr {
           th {
             height: 44px;
@@ -378,7 +385,8 @@
             background: #FFFFFF;
             font-size: 12px;
             color: #333333;
-            &.first{
+
+            &.first {
               text-align: center;
             }
           }
@@ -438,7 +446,6 @@
       .params-wrap {
         .tabs {
           margin-right: 9px;
-          width: 160px;
           height: 28px;
           background: #F1F4FA;
           border-radius: 2px;
@@ -446,6 +453,8 @@
           text-align: center;
 
           li {
+            width: 40px;
+            box-sizing: border-box;
             font-size: 12px;
             color: #646b78;
             text-align: center;
@@ -481,16 +490,17 @@
       .box1 {
         width: 80%;
         position: relative;
-        &:hover{
-          &::after{
+
+        &:hover {
+          &::after {
             content: "";
             position: absolute;
-            width:231px;
-            height:58px;
+            width: 231px;
+            height: 58px;
             background: url(../../images/tips.png) no-repeat;
             background-size: 100% 100%;
-            left:50%;
-            top:50%;
+            left: 50%;
+            top: 50%;
             margin-top: -89px;
             margin-left: -115px;
           }
@@ -499,7 +509,7 @@
 
       .box2 {
         width: 20%;
-        
+
         .t1 {
           font-size: 12px;
           color: #646b78;