1

src/pages/aboutUs/aboutUs.vue

@@ -23,19 +23,53 @@
       <div class="descBox">
         <div class="dsz_name">董事长致辞</div>
         <div class="line"></div>
-        <!-- <div class="dsz_con1">全心追求魅力人格，全意建设美丽祖国。</div> -->
-        <div class="dsz_con2">
-          您听说过第三空间吗？
+        <div class="dsz_con1">和文化、甲天下 ——打造“日语第二教室”</div>
+        <pre class="dsz_con2">
+          引言
+          你听说过第三空间吗？
           美国都市社会学家奥登伯格在《绝好的地方》一书中曾经提出过“第三空间”的概念。
-          如果说“第一空间”是指家庭生活之所， “第二空间”是指我们的工作环境，
-          那所谓的“第三空间”就是指除了生活、工作之外，可供我们感到轻松、愉快、抚慰精神的社会空间。
-          那些走进消费者心里的第三空间都有哪些形态？ 咖啡店的第三空间是星巴克，
-          书店的第三空间是茑屋书店…… 而我们甲鹤日语的愿景，
-          是成为学校的第三空间的代表。 我们把甲鹤日语专属打造的这个“第三空间”，
-          定义为“日语第二教室”。
+          如果说“第一空间”是指家庭生活之所，“第二空间”是指我们的工作环境，那所谓的“第三空间”就是指除了生活、工作之外，可供我们感到轻松、愉快、抚慰精神的社会空间。
+          那些走进消费者心里的第三空间都有哪些形态？
+          咖啡店的第三空间是星巴克，书店的第三空间是茑屋书店……
+          而我们甲鹤日语的愿景，是成为学校的第三空间的代表。
+          我们把甲鹤日语专属打造的这个“第三空间”，定义为“日语第二教室”。
           如果说传统的第一教室是我们熟悉的教学场景和教学方式。
           那接下来我们甲鹤日语着力打造的“日语第二教室”，就会让您对学校的刻板印象彻底颠覆。
-        </div>
+          场景的革新 相比较于传统的学校着重强调于专业性和严肃性，
+          甲鹤日语的“第二教室”理念更为看重的，则是做好专业性基础之上的附加值——沉浸式和多功能性。
+          这一切的起源，在于我们不满足于让学校仅仅只是学校的形式，也不仅仅只具有学习的功能。
+          告别学校冷冰冰的单一形象，而代之以有温度的多功能集合地。
+          这里有为学生白领专门打造的半开放空间，小到可以一人自习，中的可以两三人抄作业，大的可以创业团队开会。
+          这里有以京都老街为蓝本的日料体验区，暖心又暖胃。
+          这里有各种多功能空间组成一个灵活的社交舞台，能够满足年轻人好奇轻松和被包容的需求，是一个可以共度快乐时光的一群人的交流场所。
+          这里有沉浸式、蒙太奇的空间设计，并搭配最新的虚拟真实以及扩增实境技术。
+          将之前不存在于学校的功能，向学校转移，为年轻人创造了一个见所未见、闻所未闻的新学习空间，将年轻人所需要的的生活场景与功能空间在其中进行高度整合。
+          这就是我们甲鹤日语的“日语第二教室”。 教学方式的突破
+          对于场景的打造，可能受各方面的影响，也许最终呈现的效果并没有预期的那么好，就需要通过“新的教学方式”来寻求新的突破。
+          尽可能的丰富教学方式，以及课程设置、后续服务的多样化。
+          在很多人的认知里，学校教育就应该是一个教室，几张书桌、一个黑板，老师在上面讲，学生在下面听，这样的教学方式贯穿古今，大同小异，我们也习以为常，但是，这样的教学方式还能适应现在时代的发展吗？还能适应疫情下的网课时代吗?
+          如果说传统的教室是第一教室，那么在甲鹤日语打造的“第二教室”里，当老师讲授不同的课程，就会有不同的场景与之相对应，置身于场景化的空间，让有限的教学空间进行无限的延展，以身临其境的感受，让学习成为一种自然而然的本能。
+          在拓展教学空间的同时，还对课程的设置和教学过程的互动性、趣味性，进行了深入的研发，让学习的过程不再是被动的、枯燥的单向灌输，而是一个互动的、快乐的双向交流。
+          教育的1.0时代，老师的传承是教育的核心。
+          而2.0时代，知识载体的传播是教育的核心。
+          而3.0时代，单纯的教育空间将被多功能的教育空间所取代。
+          在现代学校里，我们愈发感觉到：学生所需要的，是一种心仪的氛围与场景所带来的潜移默化，而非单纯的知识本身。
+          这就是我们甲鹤日语的“日语第二教室”。 Z世代亚文化、ACG文化的传播地
+          以结合美食、手办、音乐、艺术文化的概念，不断丰富甲鹤日语“第二教室”的丰富外延。
+          就像日本的涩谷商圈是年轻人的聚集地，也是年轻人流行文化的发源地，我们心目中的甲鹤日语“第二教室”，就是Z世代亚文化、ACG文化的传播地。
+          Z世代是谁？国内指95后，按国际上通用的说法，Z世代出生在一个资本全胜的年代，从消费报告上显示，Z世代会是全程沉浸式体验消费型社会的一代人。
+          对于Z世代来说，只有好看的空间是远远不够的，更重要的是这个空间要有趣，在这里有事可做，将独立、分散、孤独的玩手机时光，规划成富有参与感、成就感的各种体验场景。
+          可以一起分享ACG文化的乐趣，一起参加定期的亚文化聚会，在这样的场所结识志同道合的伙伴甚至伴侣。平时需要花费精力去往多个地方才能完成的事情，现在在甲鹤日语就可以一站搞定。
+          这就是我们甲鹤日语的“日语第二教室”。 分享生活方式
+          对于Z世代的年轻人来说，甲鹤日语的“第二教室”所传达的有趣又丰富的生活方式，才是吸引他们的真正核心。
+          无论是日本元素风格的总校区，图书馆风格的北校区，咖啡馆风格的南校区，在这些令人愉悦的场景中，每月还会举办不同的主题活动，在年轻人社群中发挥的作用将远远超过一般的学校功能。
+          年轻人走进甲鹤日语的“第二教室”，其培训充电、未来有希望的正面属性，将演变成对于有品质、有内核生活状态的追求，让拍照打卡、与朋友分享成为常态。
+          甲鹤日语不仅是一个能够提供培训、留学、就业全方位服务的机构，还是一个致力于分享生活方式的场所。
+          这就是我们甲鹤日语的“日语第二教室”概念。
+          这是一次有趣的、有价值的创造。 期待着当您走进甲鹤日语的一刻，
+          它也能真正走进您的心里。
+          “甲鶴”期待您的光臨指教!
+        </pre>
       </div>
     </div>
     <div class="mapBox">
@@ -158,7 +192,7 @@ export default {
   background-position: center;
 }
 .descBox {
-  padding-top: 7.187vw;
+  padding-top: 4.187vw;
   padding-left: 3.125vw;
   box-sizing: border-box;
   overflow: hidden;
@@ -181,18 +215,24 @@ export default {
     font-family: "pingfang-b" !important;
     color: #111111;
     line-height: 1.77vw;
-    margin-bottom: 1.5625vw;
+    margin-bottom: 0.2vw;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   .dsz_con2 {
     width: 25.208vw;
+    height: 30vw;
     font-size: 0.729vw;
     font-weight: 500;
     color: #333333;
+    font-family: PingFang SC;
+    margin: 0;
     line-height: 1.5vw;
     white-space: pre-line;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 }
 .mapBox {
@@ -237,4 +277,21 @@ export default {
   //去掉左下角版权
   display: none;
 }
+
+//修改滚动条样式
+.dsz_con2::-webkit-scrollbar {
+  width: 5px;
+  height: 1px;
+}
+.dsz_con2::-webkit-scrollbar-thumb {
+  //滑块部分
+  border-radius: 5px;
+  background-color: #999;
+}
+.dsz_con2::-webkit-scrollbar-track {
+  //轨道部分
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background-color: #ededed;
+  border-radius: 5px;
+}
 </style>

src/pages/index.vue

 <template>
   <div class="jiahe">
     <Header :scorllNum="pageScroll" :menuList="menuList" />
-    <!-- 第一部分 -->
+    <!-- banner部分 -->
     <div class="relative-position banner-box" id="elone">
       <div class="absolute-top-left fit bg-dark">
         <q-carousel
@@ -538,20 +538,54 @@
         class="chairman_img"
       />
       <div class="chairman_desc">
-        <div class="chairman_desc1">
-          致力于培养具有国际视野，胸怀祖国人民。热爱世界和平，精通语言专业知识。拥有跨文化交际能力的国际型人才
-        </div>
-        <div class="chairman_desc2">
-          甲鹤外国语培训学校地处四川省成都市中心区与四川大学，四川音乐学院比隣。<br />
-          拥有来自北京外国语大学、四川大学、东京工业大学、筑波大学、早稻田大学等国内外知名高校的一流教师团队
-          学校凭借20年累积,已经与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系<br />
-          学校不仅与日本知名大学长期合作；并且向日本和中国IT企业、酒店、旅行社等行业输送各类我校培养的人才
-          与日本政界、学界、商界均保持良好合作关系。学校依托日本丰富的教学资源优势，致力于国内高品质的教学
-          为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案<br />
-          我们以一流的师资团队，优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌
-        </div>
+        <div class="chairman_desc1">和文化、甲天下 ——打造“日语第二教室”</div>
+        <pre class="chairman_desc2">
+          引言 
+          你听说过第三空间吗？
+          美国都市社会学家奥登伯格在《绝好的地方》一书中曾经提出过“第三空间”的概念。
+          如果说“第一空间”是指家庭生活之所，“第二空间”是指我们的工作环境，那所谓的“第三空间”就是指除了生活、工作之外，可供我们感到轻松、愉快、抚慰精神的社会空间。
+          那些走进消费者心里的第三空间都有哪些形态？
+          咖啡店的第三空间是星巴克，书店的第三空间是茑屋书店……
+          而我们甲鹤日语的愿景，是成为学校的第三空间的代表。
+          我们把甲鹤日语专属打造的这个“第三空间”，定义为“日语第二教室”。
+          如果说传统的第一教室是我们熟悉的教学场景和教学方式。
+          那接下来我们甲鹤日语着力打造的“日语第二教室”，就会让您对学校的刻板印象彻底颠覆。
+          场景的革新 相比较于传统的学校着重强调于专业性和严肃性，
+          甲鹤日语的“第二教室”理念更为看重的，则是做好专业性基础之上的附加值——沉浸式和多功能性。
+          这一切的起源，在于我们不满足于让学校仅仅只是学校的形式，也不仅仅只具有学习的功能。
+          告别学校冷冰冰的单一形象，而代之以有温度的多功能集合地。
+          这里有为学生白领专门打造的半开放空间，小到可以一人自习，中的可以两三人抄作业，大的可以创业团队开会。
+          这里有以京都老街为蓝本的日料体验区，暖心又暖胃。
+          这里有各种多功能空间组成一个灵活的社交舞台，能够满足年轻人好奇轻松和被包容的需求，是一个可以共度快乐时光的一群人的交流场所。
+          这里有沉浸式、蒙太奇的空间设计，并搭配最新的虚拟真实以及扩增实境技术。
+          将之前不存在于学校的功能，向学校转移，为年轻人创造了一个见所未见、闻所未闻的新学习空间，将年轻人所需要的的生活场景与功能空间在其中进行高度整合。
+          这就是我们甲鹤日语的“日语第二教室”。 教学方式的突破
+          对于场景的打造，可能受各方面的影响，也许最终呈现的效果并没有预期的那么好，就需要通过“新的教学方式”来寻求新的突破。
+          尽可能的丰富教学方式，以及课程设置、后续服务的多样化。
+          在很多人的认知里，学校教育就应该是一个教室，几张书桌、一个黑板，老师在上面讲，学生在下面听，这样的教学方式贯穿古今，大同小异，我们也习以为常，但是，这样的教学方式还能适应现在时代的发展吗？还能适应疫情下的网课时代吗?
+          如果说传统的教室是第一教室，那么在甲鹤日语打造的“第二教室”里，当老师讲授不同的课程，就会有不同的场景与之相对应，置身于场景化的空间，让有限的教学空间进行无限的延展，以身临其境的感受，让学习成为一种自然而然的本能。
+          在拓展教学空间的同时，还对课程的设置和教学过程的互动性、趣味性，进行了深入的研发，让学习的过程不再是被动的、枯燥的单向灌输，而是一个互动的、快乐的双向交流。
+          教育的1.0时代，老师的传承是教育的核心。
+          而2.0时代，知识载体的传播是教育的核心。
+          而3.0时代，单纯的教育空间将被多功能的教育空间所取代。
+          在现代学校里，我们愈发感觉到：学生所需要的，是一种心仪的氛围与场景所带来的潜移默化，而非单纯的知识本身。
+          这就是我们甲鹤日语的“日语第二教室”。 Z世代亚文化、ACG文化的传播地
+          以结合美食、手办、音乐、艺术文化的概念，不断丰富甲鹤日语“第二教室”的丰富外延。
+          就像日本的涩谷商圈是年轻人的聚集地，也是年轻人流行文化的发源地，我们心目中的甲鹤日语“第二教室”，就是Z世代亚文化、ACG文化的传播地。
+          Z世代是谁？国内指95后，按国际上通用的说法，Z世代出生在一个资本全胜的年代，从消费报告上显示，Z世代会是全程沉浸式体验消费型社会的一代人。
+          对于Z世代来说，只有好看的空间是远远不够的，更重要的是这个空间要有趣，在这里有事可做，将独立、分散、孤独的玩手机时光，规划成富有参与感、成就感的各种体验场景。
+          可以一起分享ACG文化的乐趣，一起参加定期的亚文化聚会，在这样的场所结识志同道合的伙伴甚至伴侣。平时需要花费精力去往多个地方才能完成的事情，现在在甲鹤日语就可以一站搞定。
+          这就是我们甲鹤日语的“日语第二教室”。 分享生活方式
+          对于Z世代的年轻人来说，甲鹤日语的“第二教室”所传达的有趣又丰富的生活方式，才是吸引他们的真正核心。
+          无论是日本元素风格的总校区，图书馆风格的北校区，咖啡馆风格的南校区，在这些令人愉悦的场景中，每月还会举办不同的主题活动，在年轻人社群中发挥的作用将远远超过一般的学校功能。
+          年轻人走进甲鹤日语的“第二教室”，其培训充电、未来有希望的正面属性，将演变成对于有品质、有内核生活状态的追求，让拍照打卡、与朋友分享成为常态。
+          甲鹤日语不仅是一个能够提供培训、留学、就业全方位服务的机构，还是一个致力于分享生活方式的场所。
+          这就是我们甲鹤日语的“日语第二教室”概念。
+          这是一次有趣的、有价值的创造。 期待着当您走进甲鹤日语的一刻，
+          它也能真正走进您的心里。 
+          “甲鶴”期待您的光臨指教!
+        </pre>
       </div>
-      <!-- </div> -->
     </div>
     <!-- 底部 -->
     <Footer />
@@ -1216,7 +1250,7 @@ export default {
     width: calc(350 / 1920 * 100%);
     height: auto;
     position: absolute;
-    top: 10.937vw;
+    top: 3.125vw;
     left: 41.354vw;
   }
   .chairman_img {
@@ -1228,28 +1262,27 @@ export default {
     width: 63.541vw;
     box-sizing: border-box;
     padding-left: 4.89vw;
-    padding-top: 22vw;
+    padding-top: 12vw;
     padding-right: 8.489vw;
     .chairman_desc1 {
       font-size: 1.02vw;
       font-family: "pingfang-b" !important;
       color: #111111;
-      margin-bottom: 2.5vw;
+      margin-bottom: 1vw;
     }
     .chairman_desc2 {
-      // font-size: 0.833vw;
+      height: 38vw;
+      overflow-x: hidden;
+      overflow-y: auto;
+      white-space: pre-line;
       font-size: 1.02vw;
       color: #333333;
+      line-height: 1.5vw;
+      font-family: PingFang SC;
+      margin: 0;
     }
   }
 }
-// 隐藏滚动条
-// ::-webkit-scrollbar {
-//      width: 0 !important;
-//    }
-// ::-webkit-scrollbar {
-//      width: 0 !important;height: 0;
-//    }
 .schoolIcon1 {
   width: 1.2vw;
   height: 1.2vw;
@@ -1324,4 +1357,20 @@ export default {
   border-radius: 5px;
   margin: 0 0.26vw;
 }
+//修改滚动条样式
+.chairman_desc2::-webkit-scrollbar {
+  width: 5px;
+  height: 1px;
+}
+.chairman_desc2::-webkit-scrollbar-thumb {
+  //滑块部分
+  border-radius: 5px;
+  background-color: #999;
+}
+.chairman_desc2::-webkit-scrollbar-track {
+  //轨道部分
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background-color: #ededed;
+  border-radius: 5px;
+}
 </style>
\ No newline at end of file