fix: 修复首页样式

jydocs-pc/src/views/Home.vue

@@ -13,7 +13,7 @@
               </div>
           </div>
 
-          <div class="new-list-group flex-r-c">
+          <div class="new-list-group must-bottom flex-r-c">
               <div class="flex flex-c-c">
                 <div class="list-item flex-r-c" v-for="item in newList1" :key="item.id" @click="goContent(item)">
                   <div class="flex flex-r-c center left">
@@ -272,9 +272,9 @@ export default {
       cursor: pointer;
       padding: 18px 0;
       box-sizing: border-box;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+      border-bottom: 1px solid #ececec;
       &:hover {
-        background: #F5F6F7;
+        color: #2CB7CA;
       }
       &:last-child {
         border-bottom-color: transparent;
@@ -304,7 +304,9 @@ export default {
       box-sizing: border-box;
 
       &:hover {
-        background: #F5F6F7;
+        .title-text {
+          color: #2ABED1;
+        }
       }
 
       .money-group {
@@ -314,14 +316,17 @@ export default {
         flex-shrink: 0;
         position: relative;
         border-radius: 4px;
-        border: 1px solid rgba(0, 0, 0, 0.1);
+        border: 1px solid #ececec;
         width: 100px;
         height: 124px;
         margin-right: 12px;
         overflow: hidden;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
         img {
           width: 100%;
-          height: 100%;
         }
         i {
           position: absolute;
@@ -340,33 +345,33 @@ export default {
           &::after {
             content: "|";
             padding: 0 8px;
+            color: #ececec;
           }
         }
       }
       .info-text {
-        color: #9B9CA3;
-        font-family: PingFang SC;
-        font-size: 12px;
-        line-height: 18px;
-        letter-spacing: 0px;
-        text-align: left;
+        font-family: Microsoft YaHei;
+        font-style: normal;
+        font-weight: normal;
+        font-size: 14px;
+        line-height: 24px;
+        color: #999999;
       }
       .red-text {
-        color: #FB483D;
-        font-family: PingFang SC;
-        font-size: 14px;
-        line-height: 20px;
-        letter-spacing: 0px;
-        text-align: left;
+        color: #FF3A20;
+        font-family: Microsoft YaHei;
+        font-style: normal;
+        font-weight: normal;
+        font-size: 18px;
+        line-height: 28px;
       }
       .title-text {
-        color: #171826;
-        font-family: PingFang SC;
-        font-weight: bold;
-        font-size: 14px;
-        line-height: 20px;
-        letter-spacing: 0px;
-        text-align: left;
+        font-family: Microsoft YaHei;
+        font-style: normal;
+        font-weight: normal;
+        font-size: 16px;
+        line-height: 24px;
+        color: #1D1D1D;
       }
     }
 
@@ -473,5 +478,10 @@ export default {
         > .flex {
           max-width: 50%;
         }
+      &.must-bottom {
+        .list-item:last-child {
+          border-bottom-color: #ececec;
+        }
+      }
     }
 </style>