feat:加州浸会大学新增校园一览

components/layout/pc/Menu.vue

@@ -78,6 +78,18 @@ export default {
             // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
           ]
         },
+        // 校园一览
+        {
+          name: this.$t('menu.campusList'),
+          path: '/campusList/campusList'
+          // childern: [
+          //   { name: this.$t('menu.projectChild.bg'), path: '/project-intro/introduce' },
+          //   { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
+          //   // { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
+          //   // { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
+          // ]
+        },
+
         // 学历认证
         {
           name: this.$t('menu.academic'),

langs/zh-CN.js

@@ -15,6 +15,7 @@ export default {
     returnPolicy: '归国政策',
     question: '常见问题',
     apply: '报名申请',
+    campusList: '校园一览',
     projectChild: {
       bg: '项目介绍',
       feature: '项目特色',

pages/campusList/components/TabContent.vue

+<template>
+  <ul class="tab-content">
+    <li
+      v-for="(item, index) in items"
+      :key="index"
+      :class="activeIndex === index && 'active'"
+      @click="tabChange(index)"
+    >
+      {{ item }}
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      items: ['图书馆', '实验室', '餐厅&住宿', '运动场', '校园风光', '校园活动', '毕业典礼'],
+      activeIndex: 0
+    }
+  },
+  methods: {
+    tabChange(n) {
+      this.activeIndex = n
+      this.$emit('tabChange', n)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.tab-content {
+  // padding-top: 0.2rem;
+  display: flex;
+  justify-content: center;
+  li {
+    min-width: 106px;
+    height: 38px;
+    text-align: center;
+    line-height: 38px;
+    font-size: 20px;
+    font-weight: bold;
+    color: #333333;
+    position: relative;
+    margin-left: 16px;
+    &.active {
+      background: #aa1941;
+
+      color: #ffffff;
+    }
+  }
+}
+</style>