update

.nuxt/components/index.js

@@ -4,12 +4,13 @@ export { default as Foot } from '../../components/Foot.vue'
 export { default as Head } from '../../components/Head.vue'
 export { default as Link } from '../../components/Link.vue'
 export { default as RightAside } from '../../components/RightAside.vue'
+export { default as AlumnusParty } from '../../components/alumnus/party.vue'
+export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
 export { default as AboutContact } from '../../components/about/contact.vue'
 export { default as AboutCulture } from '../../components/about/culture.vue'
 export { default as AboutIntroduce } from '../../components/about/introduce.vue'
 export { default as AboutTabNav } from '../../components/about/tabNav.vue'
-export { default as AlumnusParty } from '../../components/alumnus/party.vue'
-export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
+export { default as ServicesTab } from '../../components/services/tab.vue'
 export { default as HomeAlumniStories } from '../../components/home/alumniStories.vue'
 export { default as HomeBanner } from '../../components/home/banner.vue'
 export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
@@ -18,18 +19,18 @@ export { default as HomeHeadmasterMsg } from '../../components/home/headmasterMs
 export { default as HomeOpenClass } from '../../components/home/openClass.vue'
 export { default as HomeProjectNotice } from '../../components/home/projectNotice.vue'
 export { default as HomeServiceCase } from '../../components/home/serviceCase.vue'
-export { default as ServicesTab } from '../../components/services/tab.vue'
 
 export const LazyFoot = import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c))
 export const LazyHead = import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c))
 export const LazyLink = import('../../components/Link.vue' /* webpackChunkName: "components/link" */).then(c => wrapFunctional(c.default || c))
 export const LazyRightAside = import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c))
+export const LazyAlumnusParty = import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c))
+export const LazyAlumnusTabNav = import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c))
 export const LazyAboutContact = import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c))
 export const LazyAboutCulture = import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c))
 export const LazyAboutIntroduce = import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c))
 export const LazyAboutTabNav = import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c))
-export const LazyAlumnusParty = import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c))
-export const LazyAlumnusTabNav = import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c))
+export const LazyServicesTab = import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))
 export const LazyHomeAlumniStories = import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c))
 export const LazyHomeBanner = import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c))
 export const LazyHomeDegreeEducation = import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c))
@@ -38,4 +39,3 @@ export const LazyHomeHeadmasterMsg = import('../../components/home/headmasterMsg
 export const LazyHomeOpenClass = import('../../components/home/openClass.vue' /* webpackChunkName: "components/home-open-class" */).then(c => wrapFunctional(c.default || c))
 export const LazyHomeProjectNotice = import('../../components/home/projectNotice.vue' /* webpackChunkName: "components/home-project-notice" */).then(c => wrapFunctional(c.default || c))
 export const LazyHomeServiceCase = import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c))
-export const LazyServicesTab = import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))

.nuxt/components/plugin.js

@@ -6,12 +6,13 @@ const components = {
   Head: () => import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c)),
   Link: () => import('../../components/Link.vue' /* webpackChunkName: "components/link" */).then(c => wrapFunctional(c.default || c)),
   RightAside: () => import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c)),
+  AlumnusParty: () => import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c)),
+  AlumnusTabNav: () => import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c)),
   AboutContact: () => import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c)),
   AboutCulture: () => import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c)),
   AboutIntroduce: () => import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c)),
   AboutTabNav: () => import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c)),
-  AlumnusParty: () => import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c)),
-  AlumnusTabNav: () => import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c)),
+  ServicesTab: () => import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c)),
   HomeAlumniStories: () => import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c)),
   HomeBanner: () => import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c)),
   HomeDegreeEducation: () => import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c)),
@@ -19,8 +20,7 @@ const components = {
   HomeHeadmasterMsg: () => import('../../components/home/headmasterMsg.vue' /* webpackChunkName: "components/home-headmaster-msg" */).then(c => wrapFunctional(c.default || c)),
   HomeOpenClass: () => import('../../components/home/openClass.vue' /* webpackChunkName: "components/home-open-class" */).then(c => wrapFunctional(c.default || c)),
   HomeProjectNotice: () => import('../../components/home/projectNotice.vue' /* webpackChunkName: "components/home-project-notice" */).then(c => wrapFunctional(c.default || c)),
-  HomeServiceCase: () => import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c)),
-  ServicesTab: () => import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))
+  HomeServiceCase: () => import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c))
 }
 
 for (const name in components) {

.nuxt/components/readme.md

@@ -10,12 +10,13 @@ You can directly use them in pages and other components without the need to impo
 - `<Head>` | `<head>` (components/Head.vue)
 - `<Link>` | `<link>` (components/Link.vue)
 - `<RightAside>` | `<right-aside>` (components/RightAside.vue)
+- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
+- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
 - `<AboutContact>` | `<about-contact>` (components/about/contact.vue)
 - `<AboutCulture>` | `<about-culture>` (components/about/culture.vue)
 - `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
 - `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
-- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
-- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
+- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)
 - `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
 - `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
 - `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.vue)
@@ -24,4 +25,3 @@ You can directly use them in pages and other components without the need to impo
 - `<HomeOpenClass>` | `<home-open-class>` (components/home/openClass.vue)
 - `<HomeProjectNotice>` | `<home-project-notice>` (components/home/projectNotice.vue)
 - `<HomeServiceCase>` | `<home-service-case>` (components/home/serviceCase.vue)
-- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)

.nuxt/vetur/tags.json

@@ -11,6 +11,12 @@
   "RightAside": {
     "description": "Auto imported from components/RightAside.vue"
   },
+  "AlumnusParty": {
+    "description": "Auto imported from components/alumnus/party.vue"
+  },
+  "AlumnusTabNav": {
+    "description": "Auto imported from components/alumnus/tabNav.vue"
+  },
   "AboutContact": {
     "description": "Auto imported from components/about/contact.vue"
   },
@@ -23,11 +29,8 @@
   "AboutTabNav": {
     "description": "Auto imported from components/about/tabNav.vue"
   },
-  "AlumnusParty": {
-    "description": "Auto imported from components/alumnus/party.vue"
-  },
-  "AlumnusTabNav": {
-    "description": "Auto imported from components/alumnus/tabNav.vue"
+  "ServicesTab": {
+    "description": "Auto imported from components/services/tab.vue"
   },
   "HomeAlumniStories": {
     "description": "Auto imported from components/home/alumniStories.vue"
@@ -52,8 +55,5 @@
   },
   "HomeServiceCase": {
     "description": "Auto imported from components/home/serviceCase.vue"
-  },
-  "ServicesTab": {
-    "description": "Auto imported from components/services/tab.vue"
   }
 }

components/home/projectNotice.vue

@@ -9,16 +9,41 @@
     </div>
     <div class="news-content">
       <div class="left-content">
-        <!-- <div class="tit">即将开始的<br />课程日期</div> -->
         <div class="list">
-          <div class="li">
+          <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide">
+                <div class="li">
+                  <div class="txt">KELLEY商学院金融硕士（MSF）开学典礼</div>
+                  <div class="time">5月22日</div>
+                </div>
+              </div>
+              <div class="swiper-slide">
+                <div class="li">
+                  <div class="txt">中国PRP首期班核心课程（二）</div>
+                  <div class="time">5月29日</div>
+                </div>
+              </div>
+              <div class="swiper-slide">
+                <div class="li">
+                  <div class="txt">紫荆-索菲亚金融方向工商管理硕士开学典礼</div>
+                  <div class="time">5月29日</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- <div class="li">
             <div class="txt">KELLEY商学院金融硕士（MSF）开学典礼</div>
             <div class="time">5月22日</div>
           </div>
           <div class="li">
             <div class="txt">紫荆-索菲亚金融方向工商管理硕士开学典礼</div>
             <div class="time">5月29日</div>
-          </div>
+          </div> -->
+          <!-- <div class="li">
+            <div class="txt">紫荆-索菲亚金融方向工商管理硕士开学典礼</div>
+            <div class="time">5月29日</div>
+          </div> -->
         </div>
       </div>
       <div class="right-content">
@@ -45,7 +70,18 @@ export default {
   components: { appLink },
   data() {
     return {
-      listData: []
+      listData: [],
+      swiperOption: {
+        observer: true,
+        observeParents: true,
+        speed: 300,
+        autoplay: true,
+        delay: 3000,
+        loop: true,
+        direction: 'vertical',
+        height: 82,
+        loopAdditionalSlides: 1
+      }
     }
   },
   async fetch() {
@@ -111,7 +147,7 @@ export default {
       height: 282px;
       background: #ffffff;
       box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.03);
-      padding: 72px 88px 72px 74px;
+      padding: 60px 88px 60px 74px;
       display: flex;
       .tit {
         font-size: 34px;
@@ -122,30 +158,34 @@ export default {
         text-align: center;
       }
       .list {
+        overflow: hidden;
+        ::v-deep{
+          .swiper-container{
+            height: 100%;
+            transform: translateY(-2px)
+          }
+        }
         // width: 378px;
         // margin-left: 60px;
-        transform: translateY(-15px);
+        // transform: translateY(-15px);
         .li {
           display: flex;
           align-items: center;
-          padding-top: 28px;
-          &:nth-child(1) {
-            border-bottom: 1px solid #999999;
-            padding-bottom: 35px;
-            padding-top: 0;
-          }
+          padding-top: 26px;
+          padding-bottom: 26px;
+          border-top: 1px solid #999999;
           .txt {
             width: 450px;
             font-size: 18px;
             font-weight: 400;
-            line-height: 24px;
+            line-height: 100%;
             color: #424242;
             text-align: center;
           }
           .time {
             font-size: 30px;
             font-weight: bold;
-            line-height: 60px;
+            line-height: 100%;
             color: #aa1941;
             margin-left: 40px;
           }