样式优化

client_h5/src/pages/home/index.scss

@@ -1,5 +1,7 @@
 .home_box {
   $card_radius: 8px;
+  $font_color: #2A2E33;
+  $corner_radius: 15px;
   height: 100%;
   background-color: #F3F3F3;
   >div {
@@ -43,6 +45,8 @@
           }
           >p {
             margin: 5px 0px;
+            color: $font_color;
+            font-size: 15px;
           }
           >.corner {
             display: block;
@@ -51,7 +55,7 @@
       }
     }
     &.content {
-      padding: 20px;
+      padding: 10px;
       >.card {
         >ul {
           display: grid;
@@ -69,6 +73,9 @@
               bottom: 8px;
               z-index: 9999999;
             }
+            >.title {
+              color: $font_color;
+            }
             &::before {
               display: block;
               content: "";
@@ -111,7 +118,7 @@
             position: relative;
             background: rgba(255,255,255,0.5);
             border-radius: 12px 12px 12px 12px;
-            padding: 15px 10px;
+            padding: 15px 12px;
             >img {
               display: block;
               margin: auto;
@@ -124,6 +131,7 @@
               display: block;
               margin-top: 5px;
               font-size: 15px;
+              color: $font_color;
             }
             >p {
               margin: 5px 0px;
@@ -145,7 +153,7 @@
     font-size: 13px;
     background-color: #F23C3C;
     color: #fff;
-    border-radius: 7px;
+    border-radius: $corner_radius;
     text-align: center;
     right: 5px;
     top: 5px;
@@ -153,6 +161,8 @@
   .card_title {
     font-size: 17px;
     font-weight: bold;
-    color: #2A2E33;
+    color: $font_color;
+    padding-left: 15px;
+    margin: 10px 0px;
   }
 }