chore: update

components/Foot.vue

@@ -3,7 +3,7 @@
     <div class="foot-box">
       <div class="foot-content">
         <div class="left-content">
-          <div>
+          <div class="link">
             <a href="http://jsj.moe.gov.cn" target="_blank">
               {{ $t('foot.link1') }}
             </a>
@@ -14,12 +14,12 @@
           <!-- <div>
             合作大学官网
           </div> -->
-        </div>
           <div :class="$cookies.get('lang') == 'en-US' ? 'center-content f-size' : 'center-content'">
             <div class="address" v-html="$t('foot.address')"></div>
             <div class="phone" v-html="$t('foot.contact')"></div>
             <div class="mail" v-html="$t('foot.email')"></div>
           </div>
+        </div>
         <div class="right-content">
           <img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" class="code" />
           <div class="tips-txt">
@@ -140,8 +140,8 @@ export default {
     // height: 300px;
     display: flex;
     .left-content {
-      max-width: 228px;
-      div {
+      flex: 1;
+      .link {
         opacity: 0.7;
         font-size: 18px;
         font-weight: 300;
@@ -152,23 +152,19 @@ export default {
       }
     }
     .center-content {
+      margin-top: 30px;
       font-size: 18px;
       line-height: 32px;
       color: #ffffff;
       letter-spacing: 4px;
       opacity: 0.7;
-      margin-left: 38px;
 
-      .address {
-        max-width: 612px;
-      }
       &.f-size {
         font-size: 16px;
       }
     }
     .right-content {
-      margin-left: auto;
-      padding-top: 20px;
+      margin-left: 30px;
       .code {
         width: 120px;
         display: block;

pages/digital/yx_3.vue

@@ -35,7 +35,7 @@
           紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。
         </p>
         <ul class="course-list">
-          <li v-for="item in courseList" :key="item.title">
+          <li v-for="item in courseList" :key="item.title" :class="{ 'has-arrow': item.arrow }">
             <div class="pic">
               <img :src="item.icon" />
             </div>
@@ -83,17 +83,20 @@ export default {
         {
           icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_2.png',
           title: '数字贸易',
-          desc: '（校企联合开发）'
+          desc: '（校企联合开发）',
+          arrow: true
         },
         {
           icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_3.png',
           title: '数字农业',
-          desc: '（校企联合开发）'
+          desc: '（校企联合开发）',
+          arrow: true
         },
         {
           icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_4.png',
           title: '数字康养',
-          desc: '（校企联合开发）'
+          desc: '（校企联合开发）',
+          arrow: true
         }
       ],
       // 交付案例
@@ -166,7 +169,7 @@ export default {
   }
 }
 .course-list {
-  margin: 80px 0;
+  margin: 80px 0 50px;
   display: flex;
   column-gap: 40px;
   li {
@@ -211,6 +214,18 @@ export default {
       color: #6c6c6c;
       line-height: 34px;
     }
+    &.has-arrow {
+      &::before {
+        position: absolute;
+        left: 50%;
+        bottom: -43px;
+        content: '';
+        background: url('https://webapp-pub.ezijing.com/www/pc/digital/yx_3/arrow.png');
+        width: 18px;
+        height: 33px;
+        transform: translateX(-50%);
+      }
+    }
   }
 }
 .course-box {