1

src/components/footer/footerType2.vue

@@ -15,16 +15,23 @@
     <div class="copyright">
       CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
     </div>
+    <div class="ewm_icon_box">
       <q-img
         src="../../assets/images/index/logo_bottom.png"
         spinner-color="white"
         class="ewm_icon"
       />
+      <div class="code_jh">甲鹤日语</div>
+    </div>
+
+    <div class="mini_icon_box">
       <q-img
         src="../../assets/images/index/logo_bottom.png"
         spinner-color="white"
         class="mini_icon"
       />
+      <div class="code_jh">甲鹤日语</div>
+    </div>
   </div>
 </template>
 <script>
@@ -73,19 +80,33 @@ export default {
     left: 26.562vw;
     opacity: 0.6;
   }
-  .ewm_icon {
-    width: 5.781vw;
-    height: auto;
+  .ewm_icon_box {
     position: absolute;
     top: 4.01vw;
     left: 66.354vw;
+    .ewm_icon {
+      width: 5.729vw;
+      height: 5.729;
     }
-  .mini_icon {
-    width: 5.781vw;
-    height: auto;
+  }
+
+  .mini_icon_box {
     position: absolute;
     top: 4.01vw;
     left: 75.572vw;
+    .mini_icon {
+      width: 5.729vw;
+      height: 5.729;
+    }
   }
 }
+.code_jh {
+  margin-top: 0.5vw;
+  text-align: center;
+  font-size: 0.729vw;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: #111111;
+  opacity: 0.6;
+}
 </style>
\ No newline at end of file

src/components/teacherTeam/teacherTeam.vue

@@ -3,7 +3,7 @@
   <div class="teacherTeam">
     <div class="bg">
       <div class="tea_name">教师团队</div>
-      <div class="tea_subname">副标题</div>
+      <!-- <div class="tea_subname">副标题</div> -->
     </div>
     <div class="tea_swiper">
       <Swiper :options="swiperOption">
@@ -91,6 +91,9 @@ export default {
   .bg {
     width: 100%;
     height: 27.604vw;
+    background-image: url('../../assets/images/JapaneseTrain/teacherTeam_bg.png');
+    background-repeat: no-repeat;
+    background-size: contain;
     position: absolute;
     top: 0;
     left: 0;

src/pages/JapaneseTrain/JapaneseTrain.vue

@@ -22,7 +22,7 @@
     <!-- 教育产品 -->
     <div class="edu_con">
       <div class="edu_name">教育产品</div>
-      <div class="edu_subname">副标题</div>
+      <!-- <div class="edu_subname">副标题</div> -->
       <div class="inputBox">
         <q-input
           v-model="coursemsg.CourseName"
@@ -77,7 +77,7 @@
     <!-- 开班计划 -->
     <div class="edu_con">
       <div class="edu_name">开班计划</div>
-      <div class="edu_subname">副标题</div>
+      <!-- <div class="edu_subname">副标题</div> -->
       <div class="inputBox">
         <!-- 选择系列 -->
         <div class="inputBorder2">

src/pages/aboutUs/aboutUs.vue

@@ -27,9 +27,9 @@
         <div class="line"></div>
         <div class="dsz_con1">全心追求魅力人格，全意建设美丽祖国。</div>
         <div class="dsz_con2">
-          致力于培养具有国际视野，胸怀祖国人民，尊重自然规律，热爱世界和平，精通语言专业知识，拥有跨文化交际能力，人文情怀的国际型人才。
-          甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。
-          学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。
+          致力于培养具有国际视野，胸怀祖国人民，尊重自然规律，热爱世界和平，精通语言专业知识，拥有跨文化交际能力，人文情怀的国际型人才。<br />
+          甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。<br />
+          学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。<br />
           学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。
         </div>
       </div>
@@ -146,10 +146,11 @@ export default {
 .imgBox {
   width: 33.854vw;
   height: 41.817vw;
-  // background-color: #000;
   background-image: url("../../assets/images/index/chairman_img.png");
   background-repeat: no-repeat;
   background-size: contain;
+  background-color: #eee;
+  background-position:center;
 }
 .descBox {
   padding-top: 7.187vw;
@@ -183,7 +184,12 @@ export default {
   }
   .dsz_con2 {
     width: 25.208vw;
-    overflow-y: auto;
+    // overflow-y: auto;
+    font-size: 0.625vw;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 1.875vw;
   }
 }
 .mapBox {

src/pages/index.vue

@@ -26,8 +26,7 @@
             :img-src="item.BgImg"
           >
             <div class="con1">
-              <span class="jh">{{ item.NavTitle }}</span
-              ><!--您身边的日语-->
+              <span class="jh">甲鹤</span>-{{ item.NavTitle }}
             </div>
             <div class="con2">{{ item.SubTitle }}</div>
             <div class="con3"></div>
@@ -55,86 +54,110 @@
             src="../assets/images/index/class_icon1.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="!class_icon1"
+            @mouseenter="class_icon1 = true"
           />
-            <div class="class_title">日标基础课</div>
-            <div class="class_dec">
-              要是能有一些日标基础课程的小讲解就很好<br/>
-              了，能丰富我们的页面要是能有一些<br/>
-              日标基础课程的小讲解就
-            </div>
           <q-img
             src="../assets/images/index/class_icon6.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="class_icon1"
+            @mouseleave="class_icon1 = false"
           />
+          <div class="class_title">日标基础课</div>
+          <div class="class_dec">
+            要是能有一些日标基础课程的小讲解就很好<br />
+            了，能丰富我们的页面要是能有一些<br />
+            日标基础课程的小讲解就
+          </div>
         </div>
         <div class="classItem">
           <q-img
             src="../assets/images/index/class_icon2.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="!class_icon2"
+            @mouseenter="class_icon2 = true"
           />
-            <div class="class_title">日语口语课</div>
-            <div class="class_dec">
-              要是能有一些日标基础课程的小讲解就很好<br/>
-              了，能丰富我们的页面要是能有一些<br/> 日标基础课程的小讲解就
-            </div>
           <q-img
             src="../assets/images/index/class_icon7.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="class_icon2"
+            @mouseleave="class_icon2 = false"
           />
+          <div class="class_title">日语口语课</div>
+          <div class="class_dec">
+            要是能有一些日标基础课程的小讲解就很好<br />
+            了，能丰富我们的页面要是能有一些<br />
+            日标基础课程的小讲解就
+          </div>
         </div>
         <div class="classItem">
           <q-img
             src="../assets/images/index/class_icon3.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="!class_icon3"
+            @mouseenter="class_icon3 = true"
           />
-            <div class="class_title">留学日语课</div>
-            <div class="class_dec">
-              要是能有一些日标基础课程的小讲解就很好<br/>
-              了，能丰富我们的页面要是能有一些<br/> 日标基础课程的小讲解就
-            </div>
           <q-img
             src="../assets/images/index/class_icon8.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="class_icon3"
+            @mouseleave="class_icon3 = false"
           />
+          <div class="class_title">留学日语课</div>
+          <div class="class_dec">
+            要是能有一些日标基础课程的小讲解就很好<br />
+            了，能丰富我们的页面要是能有一些<br />
+            日标基础课程的小讲解就
+          </div>
         </div>
         <div class="classItem">
           <q-img
             src="../assets/images/index/class_icon4.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="!class_icon4"
+            @mouseenter="class_icon4 = true"
           />
-            <div class="class_title">企业日语课</div>
-            <div class="class_dec">
-              要是能有一些日标基础课程的小讲解就很好<br/>
-              了，能丰富我们的页面要是能有一些<br/> 日标基础课程的小讲解就
-            </div>
           <q-img
             src="../assets/images/index/class_icon9.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="class_icon4"
+            @mouseleave="class_icon4 = false"
           />
+          <div class="class_title">企业日语课</div>
+          <div class="class_dec">
+            要是能有一些日标基础课程的小讲解就很好<br />
+            了，能丰富我们的页面要是能有一些<br />
+            日标基础课程的小讲解就
+          </div>
         </div>
         <div class="classItem">
           <q-img
             src="../assets/images/index/class_icon5.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="!class_icon5"
+            @mouseenter="class_icon5 = true"
           />
-            <div class="class_title">同声传译</div>
-            <div class="class_dec">
-              要是能有一些日标基础课程的小讲解就很好<br/>
-              了，能丰富我们的页面要是能有一些<br/> 日标基础课程的小讲解就
-            </div>
           <q-img
             src="../assets/images/index/class_icon10.png"
             spinner-color="white"
             class="class_icon2"
+            v-if="class_icon5"
+            @mouseleave="class_icon5 = fslse"
           />
+          <div class="class_title">同声传译</div>
+          <div class="class_dec">
+            要是能有一些日标基础课程的小讲解就很好<br />
+            了，能丰富我们的页面要是能有一些<br />
+            日标基础课程的小讲解就
+          </div>
         </div>
       </div>
     </div>
@@ -331,7 +354,7 @@
         <div class="chairman_desc2">
           甲鹤外国语培训学校地处四川省成都市中心区与四川大学，四川音乐学院比隣。<br />
           拥有来自北京外国语大学、四川大学、东京工业大学、筑波大学、早稻田大学等国内外知名高校的一流教师团队
-            学校凭借20年累积,已经与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系<br/>
+          学校凭借20年累积,已经与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系<br />
           学校不仅与日本知名大学长期合作；并且向日本和中国IT企业、酒店、旅行社等行业输送各类我校培养的人才
           与日本政界、学界、商界均保持良好合作关系。学校依托日本丰富的教学资源优势，致力于国内高品质的教学
           为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案<br />
@@ -360,8 +383,13 @@ export default {
       currentMaskIndex: 0,
       pageScroll: 0,
       activeIdx: 1,
+      class_icon1: false,
+      class_icon2: false,
+      class_icon3: false,
+      class_icon4: false,
+      class_icon5: false,
       schoolResource: 100, //本科院校资源
-      masterSchoolResource:100,//硕士院校资源
+      masterSchoolResource: 100, //硕士院校资源
       major: 300, //可选专业
       servePeopleNum: 900, //服务人数
       schoolIconList: [
@@ -782,10 +810,8 @@ export default {
 }
 .secondbox {
   width: 100%;
-  height: 56.25vw;
+  height: 50vw;
   position: relative;
-    width: 100%;
-    height: 100%;
   padding-top: 5.26vw;
   .class_icon {
     width: calc(740 / 1920 * 100%);
@@ -835,7 +861,6 @@ export default {
       }
     }
   }
-  
 }
 .threebox {
   width: 100%;
@@ -890,7 +915,7 @@ export default {
       .itemIconBox {
         width: 23.697vw;
         height: 34.114vw;
-        background-image: url("../assets/images/index/x.png");
+        // background-image: url("../assets/images/index/x.png");
         background-repeat: no-repeat;
         background-size: 100% auto;
         margin: 15.989vw auto 0;

src/pages/mediaCenter/mediaCenter.vue

@@ -63,7 +63,7 @@
           <div class="itemTitle">{{ item.Title }}</div>
         </div>
       </div>
-      <NoData v-if="newsList.length == 0"></NoData>
+      <NoData class="pageBox" v-if="newsList.length == 0"></NoData>
       <div class="pageBox" v-if="pageCount > 1">
         <q-pagination
           v-model="currentPage"
@@ -160,7 +160,7 @@
     <!-- 品牌周刊 -->
     <div class="weeklyBox">
       <div class="weekly_title">品牌周刊</div>
-      <div class="iconBox">
+      <div class="iconBox" v-if="monthlyList.length > 0">
         <div
           class="iconItem"
           @click="prePage_weekly"
@@ -176,7 +176,7 @@
           ></i>
         </div>
       </div>
-      <div>
+      <div v-if="monthlyList.length > 0">
         <q-carousel
           ref="carousel"
           v-model="slide"
@@ -210,6 +210,7 @@
           </q-carousel-slide>
         </q-carousel>
       </div>
+      <NoData class="pageBox" v-if="monthlyList.length == 0"></NoData>
     </div>
     <Footer />
   </div>

src/pages/mediaCenter/mediaCenterDetail.vue

@@ -8,7 +8,7 @@
       <div class="con">{{ detailData.Content }}</div>
     </div>
     <div class="advisoryBox">
-      <div class="advisory_info1">
+      <div class="advisory_info1" @click="showKeFu=!showKeFu">
         <q-img
           src="../../assets/images/mediaCenter/adv_img.png"
           spinner-color="white"
@@ -16,7 +16,7 @@
         />
         <div class="ljzx">立即咨询</div>
       </div>
-      <div class="advisory_info2">
+      <div class="advisory_info2" v-if="showKeFu">
         <q-img src="" spinner-color="white" class="ewm" />
         <div class="info">
           <q-img
@@ -55,6 +55,7 @@ export default {
         },
       ],
       detailData: {},
+      showKeFu:false,//显示客服二维码
     };
   },
   methods: {
@@ -145,6 +146,9 @@ export default {
     .info{
        width: 7vw;
        height: 100%;
+       display: flex;
+       flex-wrap: wrap;
+       align-content: space-between;
     }
     .info_logo {
       width: 6.145vw;
@@ -155,7 +159,7 @@ export default {
       font-family: PingFang SC;
       font-weight: 500;
       color: #111111;
-      margin-top: 0.2vw;
+      // margin-top: 0.2vw;
     }
   }
 }

src/pages/studyServe/studyServe.vue

@@ -23,7 +23,7 @@
     <!-- 留学产品 -->
     <div class="studyProduct">
       <div class="title">留学产品</div>
-      <div class="subTitle">副标题</div>
+      <!-- <div class="subTitle">副标题</div> -->
       <div v-for="(item, index) in studyProductList" :key="index">
         <div class="studyProductBox" v-if="index % 2 == 0">
           <div class="left">

src/pages/workServe/workServe.vue

@@ -11,7 +11,7 @@
     <!-- 留学产品 -->
     <div class="studyProduct">
       <div class="title">就业服务</div>
-      <div class="subTitle">副标题</div>
+      <!-- <div class="subTitle">副标题</div> -->
       <div v-for="(item, index) in workProductList" :key="index">
         <div class="studyProductBox" v-if="index % 2 == 0">
           <div class="left">