Commit 345e59a6 authored by 罗超's avatar 罗超

1

parent 82352336
......@@ -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>
......@@ -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"
/>
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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
<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
......@@ -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>
......
......@@ -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 {
......
......@@ -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;
......
This diff is collapsed.
......@@ -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>
......
......@@ -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() {
......
......@@ -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;
}
......
......@@ -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;
......
<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
......@@ -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 {
......
......@@ -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