update

.nuxt/components/index.js

@@ -9,6 +9,8 @@ export { default as AboutDetail } from '../../components/about/detail.vue'
 export { default as AboutIntroduce } from '../../components/about/introduce.vue'
 export { default as AboutNews } from '../../components/about/news.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 HomeAlumniStories } from '../../components/home/alumniStories.vue'
 export { default as HomeBanner } from '../../components/home/banner.vue'
 export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
@@ -17,8 +19,7 @@ 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 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 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))
@@ -29,6 +30,8 @@ export const LazyAboutDetail = import('../../components/about/detail.vue' /* web
 export const LazyAboutIntroduce = import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c))
 export const LazyAboutNews = import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).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 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))
@@ -37,5 +40,4 @@ 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 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))

.nuxt/components/plugin.js

@@ -11,6 +11,8 @@ const components = {
   AboutIntroduce: () => import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c)),
   AboutNews: () => import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).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)),
   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 +21,7 @@ const components = {
   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)),
-  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))
 }
 
 for (const name in components) {

.nuxt/components/readme.md

@@ -15,6 +15,8 @@ You can directly use them in pages and other components without the need to impo
 - `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
 - `<AboutNews>` | `<about-news>` (components/about/news.vue)
 - `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
+- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
+- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
 - `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
 - `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
 - `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.vue)
@@ -23,5 +25,4 @@ 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)
-- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
-- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
+- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)

.nuxt/index.js

@@ -12,8 +12,8 @@ import { setContext, getLocation, getRouteData, normalizeError } from './utils'
 
 /* Plugins */
 
-import nuxt_plugin_plugin_f1f94936 from 'nuxt_plugin_plugin_f1f94936' // Source: ./components/plugin.js (mode: 'all')
-import nuxt_plugin_axios_54efb5fb from 'nuxt_plugin_axios_54efb5fb' // Source: ./axios.js (mode: 'all')
+import nuxt_plugin_plugin_430d6d16 from 'nuxt_plugin_plugin_430d6d16' // Source: ./components/plugin.js (mode: 'all')
+import nuxt_plugin_axios_65ca092c from 'nuxt_plugin_axios_65ca092c' // Source: ./axios.js (mode: 'all')
 import nuxt_plugin_elementui_d905880e from 'nuxt_plugin_elementui_d905880e' // Source: ../plugins/element-ui (mode: 'all')
 import nuxt_plugin_vueswiper_9e702eda from 'nuxt_plugin_vueswiper_9e702eda' // Source: ../plugins/vue-swiper.js (mode: 'client')
 
@@ -179,12 +179,12 @@ async function createApp(ssrContext, config = {}) {
   }
   // Plugin execution
 
-  if (typeof nuxt_plugin_plugin_f1f94936 === 'function') {
-    await nuxt_plugin_plugin_f1f94936(app.context, inject)
+  if (typeof nuxt_plugin_plugin_430d6d16 === 'function') {
+    await nuxt_plugin_plugin_430d6d16(app.context, inject)
   }
 
-  if (typeof nuxt_plugin_axios_54efb5fb === 'function') {
-    await nuxt_plugin_axios_54efb5fb(app.context, inject)
+  if (typeof nuxt_plugin_axios_65ca092c === 'function') {
+    await nuxt_plugin_axios_65ca092c(app.context, inject)
   }
 
   if (typeof nuxt_plugin_elementui_d905880e === 'function') {

.nuxt/router.js

@@ -26,27 +26,27 @@ export const routerOptions = {
 
   routes: [{
     path: "/alumnus",
-    component: _57a4425d,
+    component: _2dc5f64c,
     name: "alumnus"
   }, {
     path: "/about/contact",
-    component: _6e93e90f,
+    component: _44b59cfe,
     name: "about-contact"
   }, {
     path: "/about/culture",
-    component: _3a85a39d,
+    component: _10a7578c,
     name: "about-culture"
   }, {
     path: "/about/introduce",
-    component: _4f4e7cce,
+    component: _23d2f0fd,
     name: "about-introduce"
   }, {
     path: "/about/news",
-    component: _347570f4,
+    component: _7f16db65,
     name: "about-news"
   }, {
     path: "/about/news-detail",
-    component: _2879487a,
+    component: _249d262e,
     name: "about-news-detail"
   }, {
     path: "/services/major",
@@ -54,7 +54,7 @@ export const routerOptions = {
     name: "services-major"
   }, {
     path: "/",
-    component: _43259943,
+    component: _4d95ac32,
     name: "index"
   }],
 

.nuxt/routes.json

@@ -2,44 +2,44 @@
   {
     "name": "alumnus",
     "path": "/alumnus",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/alumnus/index.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/alumnus/index.vue",
     "chunkName": "pages/alumnus/index",
-    "_name": "_57a4425d"
+    "_name": "_2dc5f64c"
   },
   {
     "name": "about-contact",
     "path": "/about/contact",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/about/contact.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/contact.vue",
     "chunkName": "pages/about/contact",
-    "_name": "_6e93e90f"
+    "_name": "_44b59cfe"
   },
   {
     "name": "about-culture",
     "path": "/about/culture",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/about/culture.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/culture.vue",
     "chunkName": "pages/about/culture",
-    "_name": "_3a85a39d"
+    "_name": "_10a7578c"
   },
   {
     "name": "about-introduce",
     "path": "/about/introduce",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/about/introduce.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/introduce.vue",
     "chunkName": "pages/about/introduce",
-    "_name": "_4f4e7cce"
+    "_name": "_23d2f0fd"
   },
   {
     "name": "about-news",
     "path": "/about/news",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/about/news.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/news.vue",
     "chunkName": "pages/about/news",
-    "_name": "_347570f4"
+    "_name": "_7f16db65"
   },
   {
     "name": "about-news-detail",
     "path": "/about/news-detail",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/about/news-detail.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/news-detail.vue",
     "chunkName": "pages/about/news-detail",
-    "_name": "_2879487a"
+    "_name": "_249d262e"
   },
   {
     "name": "services-major",
@@ -51,8 +51,8 @@
   {
     "name": "index",
     "path": "/",
-    "component": "/Users/max/gitlab/ezijing-www-pc/pages/index.vue",
+    "component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/index.vue",
     "chunkName": "pages/index",
-    "_name": "_43259943"
+    "_name": "_4d95ac32"
   }
 ]

.nuxt/vetur/tags.json

@@ -26,6 +26,12 @@
   "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"
+  },
   "HomeAlumniStories": {
     "description": "Auto imported from components/home/alumniStories.vue"
   },
@@ -50,10 +56,7 @@
   "HomeServiceCase": {
     "description": "Auto imported from components/home/serviceCase.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"
   }
 }

components/Head.vue

@@ -295,8 +295,10 @@
       showEnroll() {
         const dom = document.getElementById('show-enroll')
         const dom2 = document.getElementById('show-enroll-content')
+        const dom3 = document.getElementById('show-enroll-wx')
         dom.style.display = 'block'
         dom2.style.display = 'block'
+        dom3.style.display = 'none'
       }
     },
     computed: {

components/home/headmasterMsg.vue

@@ -36,7 +36,7 @@ export default {
           clickable: true
         },
         direction: 'vertical',
-        height: 500,
+        height: 520,
         autoHeight: true
       }
     }

components/home/openClass.vue

@@ -70,8 +70,10 @@ export default {
     showEnroll() {
       const dom = document.getElementById('show-enroll')
       const dom2 = document.getElementById('show-enroll-content')
+      const dom3 = document.getElementById('show-enroll-wx')
       dom.style.display = 'block'
       dom2.style.display = 'block'
+      dom3.style.display = 'none'
     }
   }
 }

components/rightAside.vue

@@ -46,7 +46,7 @@
           </p>
           <p><el-button style="width: 100%" @click="submitEnroll">立即报名</el-button></p>
         </div>
-        <div class="wx_cont" v-show="tabBtnTarget === 'wx'">
+        <div class="wx_cont" v-show="tabBtnTarget === 'wx'" id="show-enroll-wx">
           <h5>扫描关注微信公众号</h5>
           <img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
         </div>

components/services/tab.vue

+<template>
+  <ul class="tab-content">
+    <li
+      v-for="(item, index) in data"
+      :class="indexActive === index && 'active'"
+      :key="index"
+      @click="tabChanges(index)"
+      >
+      {{ item.name }}
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  props: {
+    data: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      indexActive: 0
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    tabChanges(index) {
+      this.indexActive = index
+      this.$emit('tabIndex', index)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.tab-content{
+  width: 160px;
+  // height: 110px;
+  background: #fff;
+  padding-top: 35px;
+  padding-bottom: 43px;
+  li{
+    position: relative;
+    width: 100%;
+    height: 40px;
+    font-size: 22px;
+    line-height: 40px;
+    text-align: center;
+    color: #777777;
+    margin-bottom: 60px;
+    cursor: pointer;
+    &:last-child{
+      margin: 0;
+    }
+    &.active{
+      color: rgba(170, 25, 65, 1);
+      &::after{
+        content: '';
+        width: 8px;
+        height: 40px;
+        background: rgba(170, 25, 65, 1);
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file

layouts/default.vue

@@ -4,7 +4,6 @@
     <Nuxt />
     <Foot />
     <RightAside />
-    <!-- a -->
   </div>
 </template>
 <style>

pages/services/major.vue

 <template>
-  <div>
+  <div class="major-content">
+    <tab :data="tabList"/>
   </div>
 </template>
 <script>
-  export default {
+import tab from '../../components/services/tab'
+export default {
+  components: {
+    tab
+  },
+  data() {
+    return {
+      tabList: [
+        {
+          name: '专业顶层设计'
+        },
+        {
+          name: '实训基地建设'
+        },
+        {
+          name: '实训平台建设'
+        },
+        {
+          name: '课程资源建设'
+        },
+        {
+          name: '引产入校'
+        },
+        {
+          name: '师资培训'
+        },
+        {
+          name: '专业+创新创业'
+        }
+      ]
+    }
   }
+}
 </script>
 <style lang="scss" scoped>
+.major-content{
+  width: 1200px;
+  margin: 0 auto;
+  display: flex;
+}
 </style>