Procházet zdrojové kódy

技术信用详情页-UI修改

xinfeng před 6 roky
rodič
revize
a342ab129c
1 změnil soubory, kde provedl 57 přidání a 65 odebrání
  1. 57 65
      assets/css/credit/detail/index.scss

+ 57 - 65
assets/css/credit/detail/index.scss

@@ -23,25 +23,21 @@
         justify-content: center;
         align-items: center;
         border-bottom: 1px solid #ccc;
+        margin-bottom: 40px;
+
         p {
-          height:37px;
-          font-size:26px;
-          font-weight:500;
-          color:rgba(29,42,58,1);
-          line-height:37px;
+          height: 37px;
+          font-size: 26px;
+          font-weight: 500;
+          color: rgba(29, 42, 58, 1);
+          line-height: 37px;
         }
       }
 
-
-
       .sCell {
         margin-top: 20px;
         width: 100%;
-        border:1px solid rgba(219,235,255,1);
-
-        &.realName {
-          margin-top: 60px;
-        }
+        border: 1px solid rgba(219, 235, 255, 1);
 
         &.project {
           .cell {
@@ -50,10 +46,10 @@
             justify-content: space-between;
             align-items: center;
             .showDetail {
-              width:65px;
-              height:25px;
-              border-radius:2px;
-              border:1px solid rgba(48,142,255,1);
+              width: 65px;
+              height: 25px;
+              border-radius: 2px;
+              border: 1px solid rgba(48, 142, 255, 1);
               display: flex;
               justify-content: center;
               align-items: center;
@@ -61,9 +57,9 @@
               p {
                 height: 13px;
                 line-height: 16px;
-                font-size:12px;
-                font-weight:500;
-                color:rgba(48,142,255,1);
+                font-size: 12px;
+                font-weight: 500;
+                color: rgba(48, 142, 255, 1);
                 transform-origin: center center;
                 transform: scale(0.917);
                 user-select: none;
@@ -71,67 +67,65 @@
             }
           }
         }
-
         .stitle {
           width: 100%;
-          height:44px;
-          background:rgba(237,245,255,1);
-          box-shadow:0px -1px 0px 0px rgba(219,235,255,1);
+          height: 44px;
+          background: rgba(237, 245, 255, 1);
+          box-shadow: 0px -1px 0px 0px rgba(219, 235, 255, 1);
           line-height: 44.01px;
-          font-size:14px;
-          font-weight:600;
-          color:rgba(34,34,34,1);
+          font-size: 14px;
+          font-weight: 600;
+          color: rgba(34, 34, 34, 1);
           text-align: center;
         }
         .cell {
           padding: 5px 15px;
           box-sizing: border-box;
-          height:44px;
+          height: 44px;
           display: flex;
-          box-shadow:0px -1px 0px 0px rgba(136,136,136,0.1),1px 0px 0px 0px rgba(136,136,136,0.1),-1px 0px 0px 0px rgba(136,136,136,0.1);
+          box-shadow: 0px -1px 0px 0px rgba(136, 136, 136, 0.1), 1px 0px 0px 0px rgba(136, 136, 136, 0.1), -1px 0px 0px 0px rgba(136, 136, 136, 0.1);
           .name, .val, .val1 {
-            font-size:13px;
-            font-weight:400;
-            color:rgba(34,34,34,1);
-            line-height:18px;
+            font-size: 13px;
+            font-weight: 400;
+            color: rgba(34, 34, 34, 1);
+            line-height: 18px;
             display: flex;
             align-items: center;
             height: 100%;
 
             .num {
-              font-size:15px;
-              font-weight:bold;
-              color:rgba(254,95,0,1);
-              line-height:17px;
+              font-size: 15px;
+              font-weight: bold;
+              color: rgba(254, 95, 0, 1);
+              line-height: 17px;
             }
             .word {
-              font-size:15px;
-              font-weight:bold;
+              font-size: 15px;
+              font-weight: bold;
               color: #222222;
-              line-height:17px;
+              line-height: 17px;
             }
             .desc {
               margin-left: 10px;
-              font-size:12px;
-              font-weight:400;
-              color:rgba(102,102,102,1);
-              line-height:17px
+              font-size: 12px;
+              font-weight: 400;
+              color: rgba(102, 102, 102, 1);
+              line-height: 17px
             }
           }
           .val1 {
             margin-left: 10px;
           }
         }
-
       }
 
       .tipsBox {
         margin-top: 30px;
         margin-bottom: 54px;
-        width:700px;
-        height:88px;
-        background:rgba(255,251,244,1);
-        border:1px solid rgba(239,210,149,1);
+        width: 700px;
+        height: 88px;
+        background: rgba(255, 251, 244, 1);
+        border: 1px solid rgba(239, 210, 149, 1);
         display: flex;
         justify-content: center;
         flex-direction: column;
@@ -140,20 +134,20 @@
         padding: 0 15px;
 
         .utitle {
-          height:18px;
-          font-size:13px;
-          font-weight:600;
-          color:rgba(34,34,34,1);
-          line-height:18px;
+          height: 18px;
+          font-size: 13px;
+          font-weight: 600;
+          color: rgba(34, 34, 34, 1);
+          line-height: 18px;
         }
 
         .udesc {
           margin-top: 3px;
-          height:18px;
-          font-size:13px;
-          font-weight:400;
-          color:rgba(102,102,102,1);
-          line-height:18px;
+          height: 18px;
+          font-size: 13px;
+          font-weight: 400;
+          color: rgba(102, 102, 102, 1);
+          line-height: 18px;
         }
       }
 
@@ -172,7 +166,6 @@
     left: 50%;
     transform: translateX(-50%);
 
-
     .icon {
       cursor: pointer;
       width: 12px;
@@ -184,11 +177,11 @@
     .word {
       cursor: pointer;
       margin-left: 2px;
-      height:18px;
-      font-size:13px;
-      font-weight:400;
-      color:rgba(48,142,255,1);
-      line-height:18px;
+      height: 18px;
+      font-size: 13px;
+      font-weight: 400;
+      color: rgba(48, 142, 255, 1);
+      line-height: 18px;
       margin-right: 150px;
       user-select: none;
     }
@@ -211,7 +204,6 @@
 
 }
 
-
 @media print {
   .other-ele {
     // 打印时将不需要的元素隐藏