Skip to content

M
ministers
Commit 345e59a6 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 82352336
Hide whitespace changes
Inline Side-by-side
Showing with 554 additions and 205 deletions
src/App.vue
View file @ 345e59a6
......@@ -23,5 +23,7 @@ body,
font-family: -apple-system,BlinkMacSystemFont,'pingfang','Microsoft YaHei',"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color: #3f4254;
}
.bg-brand {
background: #45766D !important;
}
</style>
src/components/footer/footerType2.vue
View file @ 345e59a6
......@@ -17,7 +17,7 @@
</div>
<div class="ewm_icon_box">
<q-img
src="../../assets/images/index/logo_bottom.png"
src="../../assets/images/index/ew_code.jpg"
spinner-color="white"
class="ewm_icon"
/>
......@@ -26,7 +26,7 @@
<div class="mini_icon_box">
<q-img
src="../../assets/images/index/logo_bottom.png"
src="../../assets/images/index/mini_code.jpg"
spinner-color="white"
class="mini_icon"
/>
......
src/components/header/header.vue
View file @ 345e59a6
......@@ -39,10 +39,10 @@
</div>
</div>
<div class="type2 " v-if="type == 2">
<div class="row items-center full-height navImg" >
<div class="type2" v-if="type == 2">
<div class="row items-center full-height navImg">
<div class="col navImg">
<img style="height: 50px" src="../../assets/images/logo.png" />
<img style="height: 61px" src="../../assets/images/logo.png" />
</div>
<div class="col">
<q-tabs
......@@ -103,7 +103,7 @@ export default {
},
};
</script>
<style lang="scss" scoped>
<style lang="scss" >
// #dowebok {
// animation-duration:1s; //动画持续时间
// animation-delay:1s; //动画延迟时间
......@@ -120,6 +120,7 @@ export default {
}
.header_fixed {
width: 100vw;
height: 100px;
position: fixed;
top: 0;
left: 0;
......@@ -141,7 +142,7 @@ export default {
}
}
.navImg {
height: 60px;
height: 100px;
margin-left: 3.125vw;
display: flex;
align-items: center;
......
src/components/teacherTeam/teacherTeam.vue
View file @ 345e59a6
......@@ -7,7 +7,11 @@
</div>
<div class="tea_swiper">
<Swiper :options="swiperOption">
<Swiper-slide v-for="(item, index) in teacherList" :key="index" :class="{'slideWidth':teacherList.length<3}">
<Swiper-slide
v-for="(item, index) in teacherList"
:key="index"
:class="{ slideWidth: teacherList.length < 3 }"
>
<div
v-if="!item.showDetail"
class="slideItem"
......@@ -15,9 +19,19 @@
@mouseleave="leave(item)"
>
<div class="headImg">
<img :src="item.Icon" alt="" class="headImg" v-if="item.Icon"/>
<img src="../../assets/images/JapaneseTrain/male.png" alt="" class="headImg" v-if="!item.Icon&&item.Sex===0"/>
<img src="../../assets/images/JapaneseTrain/female.png" alt="" class="headImg" v-if="!item.Icon&&item.Sex===1"/>
<img :src="item.Icon" alt="" class="headImg" v-if="item.Icon" />
<img
src="../../assets/images/JapaneseTrain/male.png"
alt=""
class="headImg"
v-if="!item.Icon && item.Sex === 0"
/>
<img
src="../../assets/images/JapaneseTrain/female.png"
alt=""
class="headImg"
v-if="!item.Icon && item.Sex === 1"
/>
<div class="firstName">{{ item.Name.slice(0, 1) }}</div>
</div>
<div class="tea_name">{{ item.Name }}</div>
......@@ -30,7 +44,7 @@
@mouseleave="leave(item)"
>
<div class="tea_name">{{ item.Name }}</div>
<div class="tea_desc">{{ item.Intro }}</div>
<div class="tea_desc2">{{ item.Intro }}</div>
</div>
</Swiper-slide>
</Swiper>
......@@ -91,7 +105,7 @@ export default {
.bg {
width: 100%;
height: 27.604vw;
background-image: url('../../assets/images/JapaneseTrain/teacherTeam_bg.png');
background-image: url("../../assets/images/JapaneseTrain/teacherTeam_bg.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
......@@ -176,15 +190,24 @@ export default {
width: 11.666vw;
height: 4.843vw;
font-size: 0.729vw;
// overflow-x: hidden;
// overflow-y: auto;
overflow: hidden;
// font-family: Microsoft YaHei;
// font-weight: 400;
color: #999999;
line-height: 1.354vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
.tea_desc2 {
font-size: 0.729vw;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
}
.slideItem2 {
width: 13.541vw;
height: 18.333vw;
......
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 345e59a6
......@@ -218,22 +218,16 @@
/>
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</q-form>
</div>
<!-- 按钮示例 -->
<q-card-actions align="right">
<!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
<q-btn color="primary" label="关闭" @click="onCancelClick" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
......@@ -525,7 +519,6 @@ export default {
text-align: center;
font-size: 0.833vw;
// font-family: Microsoft YaHei;
// font-weight: 400;
color: #888888;
}
.inputBox {
......@@ -554,7 +547,7 @@ export default {
width: 20vw;
height: 18.437vw;
background-color: #fff;
margin-right: 1.25vw;
margin-right: 1.2vw;
margin-bottom: 1.562vw;
.itemImg {
width: 20vw;
......
src/pages/JapaneseTrain/classPlanList.vue
View file @ 345e59a6
......@@ -5,7 +5,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">
......@@ -134,22 +134,16 @@
/>
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</q-form>
</div>
<!-- 按钮示例 -->
<q-card-actions align="right">
<!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
<q-btn color="primary" label="关闭" @click="onCancelClick" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
......@@ -157,7 +151,7 @@
<div class="pageBox">
<q-pagination
v-model="currentPage"
color="light-green-10"
color="brand"
:max="pageCount"
:max-pages="5"
boundary-numbers
......@@ -487,4 +481,11 @@ export default {
justify-content: center;
align-items: center;
}
</style>
<style >
.q-btn{
margin: 0 0.5vw;
border: 1px solid #D2D7DD;
}
</style>
\ No newline at end of file
src/pages/JapaneseTrain/courseIntroduce.vue 0 → 100644
View file @ 345e59a6
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" />
<q-img src="../../assets/images/JapaneseTrain/course/01.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/02.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/03.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/04.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/05.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/06.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/07.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/08.jpg" class="courseImg"/>
<q-img src="../../assets/images/JapaneseTrain/course/09.jpg" class="courseImg"/>
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
export default {
components: {
Header,
Footer,
},
data() {
return {
menuList: [
{},
{
Name: "",
},
],
};
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
},
};
</script>
<style lang="scss" scoped>
.jiahe {
height: 100%;
background-color: #f6f6f6;
}
.courseImg{
width: 100%;
height: auto;
}
</style>
\ No newline at end of file
src/pages/JapaneseTrain/eduProductDetail.vue
View file @ 345e59a6
......@@ -4,7 +4,7 @@
<div class="detailBox">
<div class="left">
<div class="border_out">
<q-img src="" class="border_img" />
<q-img :src="courseDetail.CoverImg" class="border_img" />
</div>
</div>
<div class="right">
......@@ -50,22 +50,16 @@
/>
</div>
<div>
<q-btn label="立即咨询" type="Submit" color="primary" />
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</q-form>
</div>
<!-- 按钮示例 -->
<q-card-actions align="right">
<!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
<q-btn color="primary" label="关闭" @click="onCancelClick" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
......
src/pages/JapaneseTrain/eduProductList.vue
View file @ 345e59a6
......@@ -48,7 +48,7 @@
<div class="pageBox">
<q-pagination
v-model="currentPage"
color="light-green-10"
color="brand"
:max="pageCount"
:max-pages="5"
boundary-numbers
......@@ -186,7 +186,7 @@ export default {
width: 20vw;
height: 18.437vw;
background-color: #fff;
margin-right: 1.25vw;
margin-right: 1.2vw;
margin-bottom: 1.562vw;
box-shadow: 0px 1px 6px 0px rgba(104, 104, 104, 0.1);
.itemImg {
......
src/pages/aboutUs/aboutUs.vue
View file @ 345e59a6
......@@ -12,9 +12,9 @@
</div>
<div class="line"></div>
<div class="aboutUs_desc">
<!-- 甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。
学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。
学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。
<!-- 甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。<br/>
学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。<br/>
学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。<br/>
学校依托日本丰富的教学资源优势，致力于国内高品质的教学，为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案。我们以一流的师资团队，优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌。 -->
{{ swiperData[0].SubTitle }}
</div>
......@@ -113,7 +113,7 @@ export default {
// align-items: center;
padding-left: 10.208vw;
.banner_title {
padding-top: 9.635vw;
padding-top: 8vw;
font-size: 5.208vw;
color: #111111;
.jh {
......@@ -121,20 +121,22 @@ export default {
}
}
.line {
margin-top: 2vw;
margin-bottom: 2vw;
margin-top: 1vw;
// margin-bottom: 1vw;
width: 31vw;
height: 1px;
background-color: #111111;
}
.aboutUs_desc {
width: 42.708vw;
max-height: 20vw;
max-height: 24vw;
overflow: hidden;
font-size: 1.041vw;
font-family: PingFang SC;
// font-weight: 500;
font-weight: 500;
color: #111111;
line-height: 1.875vw;
white-space: pre-line;
}
}
.main {
......@@ -150,7 +152,7 @@ export default {
background-repeat: no-repeat;
background-size: contain;
background-color: #eee;
background-position:center;
background-position: center;
}
.descBox {
padding-top: 7.187vw;
......
src/pages/index.vue
View file @ 345e59a6
......@@ -42,124 +42,319 @@
</div>
</div>
<!-- 日语培训-->
<div class="secondbox">
<q-img
src="../assets/images/index/class_icon.png"
spinner-color="white"
class="class_icon"
/>
<div class="classiconBox">
<div class="classItem">
<q-img
src="../assets/images/index/class_icon1.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon1"
@mouseenter="class_icon1 = true"
/>
<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"
/>
<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"
/>
<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 />
日标基础课程的小讲解就
<q-carousel
v-model="course_slide"
swipeable
animated
navigation
height="100%"
infinite
control-type="outline"
>
<template v-slot:navigation-icon="{ active, onClick }">
<div v-if="active" @click="onClick" class="course_activeBtn"></div>
<div v-else @click="onClick" class="course_parmaryBtn"></div>
</template>
<q-carousel-slide name="1">
<div class="classiconBox">
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon1.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon1"
@mouseenter="class_icon1 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon1_1.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon1"
@mouseleave="class_icon1 = false"
/>
<div class="class_title">标日基础课程</div>
<div class="class_dec">
全新教学模式：母语式教学，让你先学会开口再去理解。先听懂然后会说再去了解如何书写，全面了解日式思维，然后熟练应用日语专业知识学习；能够更全面阅读和理解有关各类话题的。教学特色：免费测试 新学员入学安排水平鉴定考试，根据学生水平进行分班；线上课程 实现教学“零距离”，线下全程监督跟踪；即时答疑 遇到问题随时提，获得专业解答；免费重修 出勤率达到90%的学员，学不会免费重修；免费补课 缺勤课程可跟班补习或录播视频补习；课后巩固 专业配套课后练习巩固知识，老师处一对一过关；会话练习 与外教一起练习口语会话，拒绝“哑巴”日语。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon2.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon2"
@mouseenter="class_icon2 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon2_2.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon2"
@mouseleave="class_icon2 = false"
/>
<div class="class_title">日语口语课程</div>
<div class="class_dec">
在反复的对话中提高口语的同时，加深对日语的记忆，达到熟练掌握并应用自如的效果；
根据赴日留学各种场景，模拟对话，提高日语口语实战能力；
短期内解决赴日后将面临的一切生活和学习的语言问题。
免费赠送周末沙龙： ①促使学员将平时所学的知识运用到实际口语当中；
培养开口习惯，克服面对日本人交流时的紧张感；
在学习了解日本文化的同时，培养日式思维习惯。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon3.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon3"
@mouseenter="class_icon3 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon3_3.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon3"
@mouseleave="class_icon3 = false"
/>
<div class="class_title">留学日语课程</div>
<div class="class_dec">
掌握校内考面试流程，熟练应对各种问题环节；
掌握面试时的注意点，灵活处理各种问题；
达到与教授进行无障碍交流，并准确表达和传达个人观点的目的
按照留学考试要求，针对性地强化训练阅读、听力等能力、着重提升写作能力；
通过本课程的学习，可以大量拓宽知识面，掌握学术日语的基础；
全日制的学习安排，从基础语法知识、单词、听力以及口语各方面进行训练，使学员能独立并熟练应对在日的生活和学习；
赴日留学时所面临的生活以及学习相关的场景，分板块进行演练，提前了解在日生活法则。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon4.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon4"
@mouseenter="class_icon4 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon4_4.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon4"
@mouseleave="class_icon4 = false"
/>
<div class="class_title">企业日语课</div>
<div class="class_dec">
根据企业要求定制相应课程；为企业量身打造 的契合式日语学习环境；
趣味教学 游戏式课堂，风趣讲解，寓教于乐 即时答疑
遇到问题随时提，耐心解答问题精品小班 互动教学，激发学生兴趣。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon5.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon5"
@mouseenter="class_icon5 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon5_5.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon5"
@mouseleave="class_icon5 = false"
/>
<div class="class_title">考级日语课程</div>
<div class="class_dec">
根据日语能力等级考试JLPT命题规律及考试动态设置课程； 
采用考级专家进行三阶段教学法授课方式：夯实基础、攻克考点、应试技巧；
直击真题、考试模块专项训练； 
学完真正实现每项过关，一次性顺利通过考试；
模拟考试，熟悉考试流程，胸有成竹应对考试，从容应答。
</div>
</div>
</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"
/>
<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 />
日标基础课程的小讲解就
</q-carousel-slide>
<q-carousel-slide name="2">
<div class="conbox">
<div class="classiconBox">
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon6.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon1"
@mouseenter="class_icon1 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon6_6.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon1"
@mouseleave="class_icon1 = false"
/>
<div class="class_title">少儿日语课程</div>
<div class="class_dec">
学习日语儿童绘本故事，日语发音趣味学习，日语填字涂画，日语儿歌，剪纸贴画学日语，迷宫，日语纸上冒险小游戏等。学完后小朋友：能够说简单的日语、日常生活词汇，能够用简单的日语讲绘本故事 ，开发小朋友大脑语言思维能力
学习日本文字的构成、五十音等语音部分、寒暄语、日语基本五大句型~~学习日本文字的构成、五十音等语音部分、寒暄语、日语基本五大句型学成后：
掌握五十音
掌握日本寒暄用语、掌握日语五大基本句型、打开日语学习新世界
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon7.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon2"
@mouseenter="class_icon2 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon7_7.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon2"
@mouseleave="class_icon2 = false"
/>
<div class="class_title">定制日语课程</div>
<div class="class_dec">
VIP学员需求分析~由专业课程顾问详细了解学员学历背景，日语水平级培训目标，据此提供初步培训方案建议，推荐适合该课程的教师；
制定培训方案~课程顾问根据学员具体需求制定培训方案，确定教材，并根据学员具体需求增加相关资料，经学员确认后最终确定详细培训方案。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon8.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon3"
@mouseenter="class_icon3 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon8_8.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon3"
@mouseleave="class_icon3 = false"
/>
<div class="class_title">日本文化课程</div>
<div class="class_dec">
日本文化课（茶道、花道、剑道、空手道、日剧鉴赏、动漫赏析）
针对日本文化感兴趣的认识，定向且系统的去学日本文化
并非单纯的日语学习，而是在文化课程中嵌入日语学习的教学模式
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon9.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon4"
@mouseenter="class_icon4 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon9_9.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon4"
@mouseleave="class_icon4 = false"
/>
<div class="class_title">同声传译日语课程</div>
<div class="class_dec">
主题丰富：涵盖政治外交、文化教育、经济发展、科学技术、能源环保等。
训练多样：包含记忆训练、笔记训练、影子训练、快速反应训练等。
形式高效：应用性技能与实践性教学相结合，针对性答疑。
目标明确：帮助学员培养口译临场感、构建口译思维、掌握口译技巧、铸就口译素质。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon10.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon5"
@mouseenter="class_icon5 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon10_10.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon5"
@mouseleave="class_icon5 = false"
/>
<div class="class_title">国内升学日语课程</div>
<div class="class_dec">
掌握7000个左右的词汇及相关词组；掌握262个高频语法点；根据题型训练学生阅读能力、掌握5种阅读理解题型解题方法、翻译能力、议论文、叙述文写作能力、写作模板等。
艺术类专业考生N4水平以上（目标分数35分以上的同学）
文学类专业考生N2水平以上（目标分数60分以上的同学）
</div>
</div>
</div>
</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"
/>
<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 />
日标基础课程的小讲解就
</q-carousel-slide>
<q-carousel-slide name="3">
<div class="conbox">
<div class="classiconBox">
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon11.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon4"
@mouseenter="class_icon4 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon11_11.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon4"
@mouseleave="class_icon4 = false"
/>
<div class="class_title">专项辅导日语课程</div>
<div class="class_dec">
使用内部自编教材，与课堂内容完全同步；
全面的语法总结，梳理课堂上所学的新旧知识点；
完全配套的语法练习题，在做题的过程中轻松掌握语法和单词；
语法和单词抽背训练，达到当天的知识当天消化的目的。
</div>
</div>
<div class="classItem" @click="goDetail('/courseIntroduce')">
<q-img
src="../assets/images/index/course_icon/class_icon12.png"
spinner-color="white"
class="class_icon2"
v-if="!class_icon5"
@mouseenter="class_icon5 = true"
/>
<q-img
src="../assets/images/index/course_icon/class_icon12_12.png"
spinner-color="white"
class="class_icon2"
v-if="class_icon5"
@mouseleave="class_icon5 = false"
/>
<div class="class_title">导游领队日语课程</div>
<div class="class_dec">
《日本领兼地带你感受不一样的日本》课程。本系列课程包括日本常规旅游路线，日本领队的问题在这里都可以得到解决！用简单清晰幽默深刻的话语，带您发现一个低调奢华恬淡优雅的日本，您将获得全新的领悟。
每周一次日本外教授课，配合标日课程内容进行训练；
从初级阶段（N5~N4）开始，培养开口习惯，打破开口难的问题；
场景会话练习，在不同的情景中快速掌握口语；
扩充最新鲜的日本文化，在学习的同时了解日本，接触日式思维。
</div>
</div>
</div>
</div>
</div>
</div>
</q-carousel-slide>
</q-carousel>
<!-- </div> -->
</div>
<!-- 留学服务-->
<div class="threebox" @mouseleave="movemask(0)" ref="studyServe">
......@@ -380,6 +575,7 @@ export default {
data() {
return {
slide: "首页",
course_slide: "1",
currentMaskIndex: 0,
pageScroll: 0,
activeIdx: 1,
......@@ -810,9 +1006,10 @@ export default {
}
.secondbox {
width: 100%;
height: 50vw;
min-height: 50vw;
position: relative;
padding-top: 5.26vw;
background-color: #fff;
.class_icon {
width: calc(740 / 1920 * 100%);
// height: calc(302 / 1080 * 100%);
......@@ -824,21 +1021,21 @@ export default {
padding: 0 calc(160 / 1920 * 100%);
margin-top: calc(123 / 1920 * 100%);
display: flex;
align-items: center;
justify-content: space-between;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 3vw;
box-sizing: border-box;
& > .classItem:last-child {
margin-right: 0 !important ;
}
.classItem {
width: 13.854vw;
height: 100%;
margin-right: 3.541vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-between;
align-content: flex-start;
.class_icon2 {
width: 4.166vw;
height: auto;
height: 4.166vw;
cursor: pointer;
}
.class_title {
......@@ -853,11 +1050,16 @@ export default {
width: 100%;
height: 3.645vw;
overflow: hidden;
text-align: center;
text-align: justify;
font-weight: 500;
font-size: 0.729vw;
color: #999999;
margin-bottom: 2.083vw;
// margin-bottom: 2.083vw;
line-height: 1.3vw;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
}
......@@ -1137,4 +1339,18 @@ export default {
border-radius: 50%;
margin: 0.78vw 0;
}
.course_activeBtn {
width: 2.083vw;
height: 0.52vw;
background-color: #111111;
border-radius: 5px;
margin: 0 0.26vw;
}
.course_parmaryBtn {
width: 1.041vw;
height: 0.52vw;
background-color: #cccccc;
border-radius: 5px;
margin: 0 0.26vw;
}
</style>
\ No newline at end of file
src/pages/joinUs/jobDetail.vue
View file @ 345e59a6
......@@ -52,22 +52,16 @@
/>
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</q-form>
</div>
<!-- 按钮示例 -->
<q-card-actions align="right">
<!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
<q-btn color="primary" label="关闭" @click="onCancelClick" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
......
src/pages/joinUs/joinUs.vue
View file @ 345e59a6
......@@ -6,9 +6,10 @@
</div>
<div class="join_main">
<div class="joinUs_imgBox">
<div v-for="item in recruitmentTypeList" :key="item.Id" class="imgItem">
<div v-for="item in recruitmentTypeList" :key="item.Id" class="imgItem" @click="checkType(item)">
<div class="main_title">{{ item.TypeName }}</div>
<img :src="item.ImgCover" alt="" class="imgItem" />
<img :src="item.ImgCover" alt="" class="imgItem" v-if="!item.check"/>
<img :src="item.CheckImg" alt="" class="imgItem" v-if="item.check"/>
</div>
</div>
<div class="conBox" v-if="jobList.length>0">
......@@ -66,22 +67,17 @@
/>
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</q-form>
</div>
<!-- 按钮示例 -->
<q-card-actions align="right">
<!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
<q-btn color="primary" label="关闭" @click="onCancelClick" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
......@@ -89,7 +85,7 @@
<div class="pageBox">
<q-pagination
v-model="currentPage"
color="light-green-10"
color="brand"
:max="pageCount"
:max-pages="5"
boundary-numbers
......@@ -163,6 +159,16 @@ export default {
this.msg.pageIndex = val;
this.getWebRecruitmentPage();
},
// 切换职位类型
checkType(item){
item.check=!item.check
if(item.check){
this.msg.TypeId=item.Id
}else{
this.msg.TypeId=""
}
this.getWebRecruitmentPage()
},
//跳转职位详情
jumpJobDetail(id){
this.$router.push({path:"/jobDetail",query:{id:id}})
......@@ -170,7 +176,10 @@ export default {
//获取招聘信息分页列表
async getWebRecruitmentTypeList() {
let res = await getWebRecruitmentTypeList();
this.recruitmentTypeList = res.Data;
this.recruitmentTypeList = res.Data.map(item=>{
item.check=false
return item
});
},
//获取招聘信息分页列表
async getWebRecruitmentPage() {
......
src/pages/mediaCenter/mediaCenter.vue
View file @ 345e59a6
......@@ -67,7 +67,7 @@
<div class="pageBox" v-if="pageCount > 1">
<q-pagination
v-model="currentPage"
color="light-green-10"
color="brand"
:max="pageCount"
:max-pages="6"
:boundary-numbers="true"
......@@ -82,7 +82,7 @@
<div class="cartoonBox_title">品牌漫画</div>
<div class="cartoonBox_con">
<div class="listCon" v-if="cartoonList.length > 0">
<div v-for="item in cartoonList" :key="item.Id" class="listConItem" @click="cartoonDetail(item.LinkUrl)">
<div v-for="item in cartoonList" :key="item.Id" class="listConItem" @click="seeDetail(item.LinkUrl)">
<div class="itemTime">{{ item.CreateDate }}</div>
<div class="itemTitle">{{ item.Name }}</div>
</div>
......@@ -145,10 +145,9 @@
<div class="pageBox2">
<q-pagination
v-model="currentPage_cartoon"
color="light-green-10"
color="brand"
:max="pageCount_cartoon"
:max-pages="6"
size="2vw"
:boundary-numbers="true"
@input="changePage_cartoon"
v-if="pageCount_cartoon > 1"
......@@ -157,9 +156,9 @@
</div>
</div>
</div>
<!-- 品牌周刊 -->
<!-- 集团月刊 -->
<div class="weeklyBox">
<div class="weekly_title">品牌周刊</div>
<div class="weekly_title">集团月刊</div>
<div class="iconBox" v-if="monthlyList.length > 0">
<div
class="iconItem"
......@@ -171,7 +170,7 @@
</div>
<div class="iconItem" @click="nextPage_weekly">
<i
class="fas fa-chevron-right"
class="fas fa-chevron-right "
:class="{ activeColor: slide >= 1 && slide < max_page }"
></i>
</div>
......@@ -185,12 +184,13 @@
navigation
arrows
height="auto"
style="background-color: #f6f6f6"
style="background-color: #f6f6f6;width:100%"
>
<q-carousel-slide
v-for="(item, index) in max_page"
:key="index"
:name="item"
style="padding:0"
>
<div>
<div class="eduConbox">
......@@ -269,7 +269,7 @@ export default {
pageSize: 5,
},
cartoonList: [],
// 周刊（月刊）
//（月刊）
monthlymsg: {
pageIndex: 1,
pageSize: 3,
......@@ -368,7 +368,7 @@ export default {
this.cartoonList = res.Data.PageData;
},
// 动漫详情
cartoonDetail(url){
seeDetail(url){
window.open(url)
},
//获取品牌月刊(周刊)分页列表
......@@ -641,7 +641,7 @@ export default {
margin-bottom: 2.083vw;
}
}
// 品牌周刊
// 集团月刊
.activeColor{
color: #45766D !important;
}
......
src/pages/studyServe/studyServe.vue
View file @ 345e59a6
......@@ -25,7 +25,7 @@
<div class="title">留学产品</div>
<div class="subTitle"></div>
<div v-for="(item, index) in studyProductList" :key="index">
<div class="studyProductBox" v-if="index % 2 == 0">
<div class="studyProductBox" v-if="index % 2 == 0" @click="seeMore('/studyServeDetail')">
<div class="left">
<div class="name">{{ item.Name }}</div>
<div class="line"></div>
......@@ -42,7 +42,7 @@
</q-img>
</div>
</div>
<div class="studyProductBox" v-if="index % 2 != 0">
<div class="studyProductBox" v-if="index % 2 != 0" @click="seeMore('/studyServeDetail')">
<div class="right">
<q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading>
......@@ -60,6 +60,9 @@
</div>
</div>
</div>
<div style="margin-bottom:1vw" v-if="studyProductList.length==0">
<NoData></NoData>
</div>
</div>
<TeacherTeam :viewNum="3" :teacherList="teacherList"/>
<Footer />
......@@ -73,12 +76,14 @@ import Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js";
import { getStudyAbroadList } from "../../api/studyServeApi.js";
import { getWebTeacherList } from "../../api/JapaneseTrainApi";
import NoData from "../../components/noData/noData";
export default {
components: {
// Banner,
Header,
TeacherTeam,
Footer,
NoData
},
data() {
return {
......@@ -135,6 +140,7 @@ export default {
// background-image: url("../../assets/images/aboutUs/aboutUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
position: relative;
.conbox {
position: absolute;
......@@ -154,7 +160,8 @@ export default {
}
.con2 {
width: 38.489vw;
font-size: 20px !important;
max-height: 5.729vw;
// font-size: 20px !important;
font-size: 1.041vw;
color: #111111;
padding-bottom: 3.593vw;
......
src/pages/studyServe/studyServeDetail.vue 0 → 100644
View file @ 345e59a6
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[2].Name" :type="2" />
<q-img src="../../assets/images/studyServe/1.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/2.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/3.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/4.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/5.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/6.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/7.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/8.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/9.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/10.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/11.jpg" class="courseImg"/>
<q-img src="../../assets/images/studyServe/12.jpg" class="courseImg"/>
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
export default {
components: {
Header,
Footer,
},
data() {
return {
menuList: [
{},
{},
{
Name: "",
},
],
};
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
},
};
</script>
<style lang="scss" scoped>
.jiahe {
height: 100%;
background-color: #f6f6f6;
}
.courseImg{
width: 100%;
height: auto;
}
</style>
\ No newline at end of file
src/pages/workServe/workServe.vue
View file @ 345e59a6
......@@ -48,6 +48,9 @@
</div>
</div>
</div>
<div style="margin-bottom:1vw" v-if="workProductList.length==0">
<NoData></NoData>
</div>
</div>
<!-- <TeacherTeam :viewNum="3" /> -->
<Footer />
......@@ -56,12 +59,14 @@
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
import NoData from "../../components/noData/noData";
import { getWebNavList } from "../../api/indexApi.js";
import { getStudyAbroadList } from "../../api/studyServeApi.js";
export default {
components: {
Header,
Footer,
NoData
},
data() {
return {
......
src/router/routes.js
View file @ 345e59a6
......@@ -7,10 +7,12 @@ const routes = [
children: [
{ path: '/index', component: () => import('src/pages/Index.vue') },
{ path: '/JapaneseTrain', component: () => import('src/pages/JapaneseTrain/JapaneseTrain.vue') },
{ path: '/courseIntroduce', component: () => import('src/pages/JapaneseTrain/courseIntroduce.vue') },
{ path: '/eduProductList', component: () => import('src/pages/JapaneseTrain/eduProductList.vue') },
{ path: '/eduProductDetail', component: () => import('src/pages/JapaneseTrain/eduProductDetail.vue') },
{ path: '/classPlanList', component: () => import('src/pages/JapaneseTrain/classPlanList.vue') },
{ path: '/studyServe', component: () => import('src/pages/studyServe/studyServe.vue') },
{ path: '/studyServeDetail', component: () => import('src/pages/studyServe/studyServeDetail.vue') },
{ path: '/workServe', component: () => import('src/pages/workServe/workServe.vue') },
{ path: '/mediaCenter', component: () => import('src/pages/mediaCenter/mediaCenter.vue') },
{ path: '/mediaCenterDetail', component: () => import('src/pages/mediaCenter/mediaCenterDetail.vue') },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment