chore: 首页改版

assets/css/base.css

@@ -22,7 +22,7 @@ body {
     'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
   padding: 0;
   margin: 0;
-  background: #eee;
+  background: #f9f8f8;
 }
 p {
   margin: 0;

components/home/banners.vue

 <template>
   <div :class="isMobile ? 'is-h5' : 'is-pc'">
     <div class="banner-content">
-      <img class="img" src="https://webapp-pub.ezijing.com/project/cbu-online/banner.png?v=4" />
-      <div class="banner_navList">
+      <a href="/my">
+        <img class="img" src="https://webapp-pub.ezijing.com/project/cbu-online/banner.png" />
+      </a>
+      <div class="banner_navList" v-if="false">
         <div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
           <div class="nav_top">
             <img class="nav_img" :src="item.img" v-if="!isMobile" />
@@ -88,6 +90,8 @@ export default {
     .img {
       width: 100%;
       height: 100%;
+      min-height: 650px;
+      object-fit: cover;
       z-index: 1000;
     }
     .banner_navList {

components/home/projectPosition.vue

 <template>
-  <div :class="isMobile ? 'is-h5' : 'is-pc'">
-    <div class="service-content max-width-center">
-      <card title="项目简介" v-if="!isMobile">
-        <div class="desc">
-          <p>
-            加州浸会大学工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
-          </p>
-        </div>
-      </card>
-      <div v-else>
-        <div class="tit">项目简介</div>
-        <div class="desc">
-          <p>
-            加州浸会大学工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
-          </p>
-        </div>
+  <div class="service-content max-width-center">
+    <card title="项目简介">
+      <div class="desc">
+        <img src="https://webapp-pub.ezijing.com/project/cbu-online/school_desc.png" class="desc-img" />
+        <p>
+          加州浸会大学工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
+        </p>
       </div>
-    </div>
+    </card>
   </div>
 </template>
 <script>
@@ -29,60 +20,7 @@ export default {
     Card
   },
   data() {
-    return {
-      titleParams: {
-        name: this.$t('home.project.title')
-      }
-      // data: [
-      //   {
-      //     icon: 'https://webapp-pub.ezijing.com/project/marywood/img12.png',
-      //     iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img11.png',
-      //     text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT5')
-      //   },
-      //   {
-      //     icon: 'https://webapp-pub.ezijing.com/project/marywood/img22.png',
-      //     iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img21.png',
-      //     text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT6')
-      //   },
-      //   {
-      //     icon: 'https://webapp-pub.ezijing.com/project/marywood/img32.png',
-      //     iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img31.png',
-      //     text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT7')
-      //   },
-      //   {
-      //     icon: 'https://webapp-pub.ezijing.com/project/marywood/img42.png',
-      //     iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img411.png',
-      //     text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT8')
-      //   },
-      //   {
-      //     icon: 'https://webapp-pub.ezijing.com/project/marywood/img52.png',
-      //     iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img51.png',
-      //     text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT9')
-      //   }
-      // ]
-    }
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
-  },
-  methods: {
-    goPage(path) {
-      if (path === '') {
-        // this.$message('暂未开通，尽请期待。')
-        return
-      }
-      window.open(path)
-    }
-  },
-  mounted() {
-    console.log(this.isMobile)
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
+    return {}
   }
 }
 </script>
@@ -90,36 +28,48 @@ export default {
 <style lang="scss" scoped>
 .is-pc {
   .max-width-center {
-    width: 1212px;
+    width: 1200px;
+    min-height: 460px;
     margin: 0 auto;
-    padding-top: 168px;
-    .desc {
-      padding: 28px 30px 0 30px;
-      p {
-        text-align: justify;
-        padding-top: 20px;
-        font-size: 20px;
-        line-height: 30px;
-        font-weight: 400;
-        color: #666666;
-      }
+    padding-top: 65px;
+  }
+  .desc-img {
+    float: right;
+    margin-left: 40px;
+    margin-top: -60px;
+  }
+  .desc {
+    text-align: justify;
+    padding: 28px 0;
+    p {
+      font-size: 18px;
+      color: #666;
+      line-height: 36px;
     }
   }
+  .remark {
+    text-align: left;
+    font-size: 20px;
+    line-height: 30px;
+    color: #666666;
+    padding: 28px 30px 0 30px;
+    font-weight: 400;
+  }
 }
 .is-h5 {
-  .max-width-center {
-    // margin: 0.39rem auto;
-    padding: 0.2rem 0.3rem 0.2rem 0.3rem;
-  }
-  .tit {
-    font-size: 0.14rem;
-    font-weight: bold;
-    line-height: 0.28rem;
-    color: #424242;
+  .desc-img {
+    max-width: 100%;
+    margin-bottom: 20px;
   }
   .desc {
     text-align: justify;
-    white-space: pre-line;
+    font-size: 0.12rem;
+    font-weight: 400;
+    line-height: 0.2rem;
+    color: #666666;
+  }
+  .remark {
+    text-align: left;
     font-size: 0.12rem;
     font-weight: 400;
     line-height: 0.2rem;

components/layout/pc/Head.vue

@@ -184,8 +184,6 @@ li {
   }
   .head-nav-content {
     height: 72px;
-    display: flex;
-    align-items: center;
   }
 }
 </style>

components/layout/pc/Menu.vue

@@ -181,11 +181,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 .nav-item-box {
-  padding-left: 11px;
   display: flex;
+  justify-content: space-between;
   li {
     position: relative;
-    margin-right: 40px;
     .name {
       line-height: 72px;
       font-size: 22px;