chore: update

components/ProjectCard.vue

 <template>
-  <AppCard :title="title">
+  <AppCard :title="title" style="margin-top:50px;">
     <template #header-aside><nuxt-link :to="baseUrl" v-if="baseUrl">查看更多+</nuxt-link></template>
     <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="tools">
+        <!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> -->
+        <img :src="item.imgUrl" />
+        <ul class="tools">
+          <li @click="handleSubmit(item)">我要报名</li>
+          <li><AppLink :data="item">了解详情</AppLink></li>
+        </ul>
+        <!-- <div class="tools">
           <el-button type="primary" @click="handleSubmit(item)">我要报名</el-button>
           <AppLink :data="item" style="margin-left:20px;">
             <el-button plain type="primary">了解详情</el-button>
           </AppLink>
-        </div>
+        </div> -->
       </div>
     </div>
   </AppCard>
@@ -44,7 +49,6 @@ export default {
 
 <style lang="scss">
 .project-list {
-  padding-bottom: 70px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   row-gap: 20px;
@@ -62,14 +66,30 @@ export default {
 .tools {
   position: relative;
   margin-top: -20px;
-  padding: 20px 0;
+  padding: 25px 0;
   display: flex;
   justify-content: center;
-  border-top: 1px dashed #dcdcdc;
+  border-top: 1px dashed #e1e1e1;
   z-index: 1;
-  .el-button {
-    width: 110px;
-    padding: 10px 0;
+
+  li {
+    flex: 1;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 25px;
+    color: #bababa;
+    text-align: center;
+    cursor: pointer;
+    &:hover {
+      font-weight: 500;
+      color: #333333;
+    }
+  }
+  li:first-child {
+    color: #a81840;
+  }
+  li + li {
+    border-left: 1px solid #e1e1e1;
   }
 }
 </style>

pages/internationalDegree/index.vue

@@ -5,6 +5,7 @@
     </div>
     <FormSubmit id="form" ref="formSubmit"></FormSubmit>
     <div class="w1200">
+      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
       <div class="why">
         <h1 class="why-title">为什么选择紫荆的国际免联考在线学位课程？</h1>
         <div class="why-list">
@@ -15,7 +16,6 @@
           </div>
         </div>
       </div>
-      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
       <app-card title="常见问题">
         <template #header-aside><nuxt-link to="/internationalDegree/qa">查看更多+</nuxt-link></template>
         <ul class="qa-list">

pages/studyAbroad/index.vue

@@ -5,6 +5,7 @@
     </div>
     <FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit>
     <div class="w1200">
+      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
       <div class="why">
         <h1 class="why-title">为什么选择紫荆教育的国际留学课程？</h1>
         <div class="why-list">
@@ -15,7 +16,6 @@
           </div>
         </div>
       </div>
-      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
       <app-card title="常见问题">
         <template #header-aside><nuxt-link to="/studyAbroad/qa">查看更多+</nuxt-link></template>
         <ul class="qa-list">