修改留学中心样式

components/ProjectCard.vue

@@ -4,7 +4,10 @@
     <div class="project-list">
       <div class="project-item" v-for="(item, index) in list" :key="index">
         <!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> -->
-        <div class="project-item-pic" :style="`background:url(${item.imgUrl}) no-repeat center`">
+        <div
+          class="project-item-pic"
+          :style="`background:url(${item.imgUrl}) no-repeat center;background-size: 100% 100%;`"
+        >
           <!-- <img :src="item.imgUrl" /> -->
           <ul class="tools">
             <li @click="handleSubmit(item)">我要报名</li>
@@ -60,7 +63,7 @@ export default {
 .project-item {
   background-color: #fff;
   .project-item-pic {
-    height: 390px;
+    height: 360px;
     overflow: hidden;
     position: relative;
   }
@@ -68,11 +71,11 @@ export default {
     width: 100%;
   }
   &:hover {
-    box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.11);
+    box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.3);
   }
   .tools {
     position: absolute;
-    bottom: 23px;
+    bottom: 20px;
     left: 0;
     display: flex;
     justify-content: center;
@@ -82,19 +85,19 @@ export default {
       flex: 1;
       font-size: 16px;
       font-weight: 400;
-      color: #777;
+      color: #4d4d4d;
       text-align: center;
       cursor: pointer;
-      &:hover {
-        font-weight: 500;
-        color: #333333;
-      }
+      // &:hover {
+      //   font-weight: 500;
+      //   color: #333333;
+      // }
     }
     li:first-child {
-      color: #a81840;
+      color: #af1c40;
     }
     li + li {
-      border-left: 1px solid #e1e1e1;
+      border-left: 1px solid #c9c9c9;
     }
   }
 }