Commit 067eb726 authored by 罗超's avatar 罗超

1

parent 69e39a7c
...@@ -48,8 +48,8 @@ module.exports = function (ctx) { ...@@ -48,8 +48,8 @@ module.exports = function (ctx) {
build: { build: {
vueRouterMode: 'hash', // available values: 'hash', 'history' vueRouterMode: 'hash', // available values: 'hash', 'history'
env: ctx.dev ? { env: ctx.dev ? {
// API: 'http://192.168.1.36:8300/api' API: 'http://192.168.1.36:8300/api'
API:'http://192.168.1.13:8085/api' // API:'http://192.168.1.13:8085/api'
} : { } : {
API: 'http://eduapi.oytour.com/api' API: 'http://eduapi.oytour.com/api'
}, },
......
This diff is collapsed.
<template> <template>
<div class="footer"> <div class="footer">
<!-- <div class="absolute-top-left subFooter"> --> <!-- <div class="absolute-top-left subFooter"> -->
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/logo_bottom.png"
spinner-color="white" spinner-color="white"
class="class_icon6" class="class_icon6"
/> />
<div class="link"> <div class="link">
<span @click="jumpPage('')">留学服务</span> | <span @click="jumpPage()">就业服务</span> | <span @click="jumpPage()">甲鹤团队</span> | <span @click="jumpPage()">关于甲鹤</span> | <span @click="jumpPage()">联系我们</span> <span @click="jumpPage('')">留学服务</span> |
</div> <span @click="jumpPage()">就业服务</span> |
<div class="copyright"> <span @click="jumpPage()">甲鹤团队</span> |
CopyRight © 2018 www.023.cn. All Rights Reserved <span @click="jumpPage()">关于甲鹤</span> |
</div> <span @click="jumpPage()">联系我们</span>
<!-- </div> --> </div>
<div class="copyright">
CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div>
<!-- </div> -->
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {};
}
}, },
methods:{ methods: {
jumpPage(url){ jumpPage(url) {
this.$router.push(url) this.$router.push(url);
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.footer { .footer {
...@@ -63,6 +65,7 @@ export default { ...@@ -63,6 +65,7 @@ export default {
top: 20.729vw; top: 20.729vw;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
opacity: 0.6;
} }
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="footer"> <div class="footer">
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/logo_bottom.png"
spinner-color="white" spinner-color="white"
class="jh_icon" class="jh_icon"
/> />
<div class="link"> <div class="link">
<span @click="jumpPage('')">留学服务</span> | <span @click="jumpPage('')">留学服务</span> |
<span @click="jumpPage()">就业服务</span> | <span @click="jumpPage()">就业服务</span> |
<span @click="jumpPage()">甲鹤团队</span> | <span @click="jumpPage()">甲鹤团队</span> |
<span @click="jumpPage()">关于甲鹤</span> | <span @click="jumpPage()">关于甲鹤</span> |
<span @click="jumpPage()">联系我们</span> <span @click="jumpPage()">联系我们</span>
</div> </div>
<div class="copyright"> <div class="copyright">
CopyRight © 2018 www.023.cn. All Rights Reserved CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div> </div>
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/logo_bottom.png"
spinner-color="white" spinner-color="white"
class="ewm_icon" class="ewm_icon"
/> />
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/logo_bottom.png"
spinner-color="white" spinner-color="white"
class="mini_icon" class="mini_icon"
/> />
</div> </div>
</template> </template>
<script> <script>
...@@ -43,7 +43,7 @@ export default { ...@@ -43,7 +43,7 @@ export default {
.footer { .footer {
width: 100%; width: 100%;
height: 14.062vw; height: 14.062vw;
background-color: #EDEDED; background-color: #ededed;
position: relative; position: relative;
.jh_icon { .jh_icon {
...@@ -71,6 +71,7 @@ export default { ...@@ -71,6 +71,7 @@ export default {
position: absolute; position: absolute;
top: 7.916vw; top: 7.916vw;
left: 26.562vw; left: 26.562vw;
opacity: 0.6;
} }
.ewm_icon { .ewm_icon {
width: 5.781vw; width: 5.781vw;
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
:class="{ :class="{
header_absolute: scorllNum < 300, header_absolute: scorllNum < 300,
header_fixed: scorllNum >= 300, header_fixed: scorllNum >= 300,
}" }"
> >
<div class="row items-center full-height"> <div class="row items-center full-height">
...@@ -40,18 +39,14 @@ ...@@ -40,18 +39,14 @@
</div> </div>
</div> </div>
<div <div class="type2 " v-if="type == 2">
class="type2" <div class="row items-center full-height navImg" >
v-if="type == 2"
>
<div class="row items-center full-height" >
<div class="col navImg"> <div class="col navImg">
<img style="height: 61px" src="../../assets/images/logo.png" /> <img style="height: 50px" src="../../assets/images/logo.png" />
</div> </div>
<div class="col"> <div class="col">
<q-tabs <q-tabs
v-model="tab" v-model="tab"
class="text-dark"
active-color="dark" active-color="dark"
align="justify" align="justify"
narrow-indicator narrow-indicator
...@@ -82,9 +77,9 @@ export default { ...@@ -82,9 +77,9 @@ export default {
typeof: Array, typeof: Array,
default: [], default: [],
}, },
curMenu:{ curMenu: {
typeof:String, typeof: String,
default:"首页" default: "首页",
}, },
type: { type: {
typeof: Number, typeof: Number,
...@@ -93,13 +88,13 @@ export default { ...@@ -93,13 +88,13 @@ export default {
}, },
data() { data() {
return { return {
tab:this.curMenu tab: this.curMenu,
}; };
}, },
watch:{ watch: {
curMenu(val){ curMenu(val) {
this.tab=val this.tab = val;
} },
}, },
methods: { methods: {
jumpPage(url) { jumpPage(url) {
...@@ -138,15 +133,18 @@ export default { ...@@ -138,15 +133,18 @@ export default {
font-family: "pingfang-b" !important; font-family: "pingfang-b" !important;
} }
} }
.type2{ .type2 {
background-color: #fff;
.items-nav .q-tab__label { .items-nav .q-tab__label {
font-size: 16px !important; font-size: 16px !important;
font-family: "pingfang-b" !important; font-family: "pingfang-b" !important;
} }
} }
.navImg{ .navImg {
margin-left:3.125vw; height: 60px;
margin-left: 3.125vw;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: #fff;
} }
</style> </style>
\ No newline at end of file
...@@ -133,7 +133,7 @@ export default { ...@@ -133,7 +133,7 @@ export default {
width: 13.541vw !important; width: 13.541vw !important;
height: 18.333vw; height: 18.333vw;
// border: 1px solid #eee; // border: 1px solid #eee;
box-shadow: 0px 6px 10px 0px rgba(116, 116, 116, 0.1); box-shadow: 0px 6px 10px 0px rgba(116, 116, 116, 0.1) inset;
background-color: #ffffff; background-color: #ffffff;
padding: 2.86vw 1.458vw; padding: 2.86vw 1.458vw;
display: flex; display: flex;
......
...@@ -2,7 +2,23 @@ ...@@ -2,7 +2,23 @@
<div class="jiahe"> <div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" /> <Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" />
<!-- bannner部分 --> <!-- bannner部分 -->
<Banner :swiperList="swiperData" /> <div
class="JapaneseTrainBannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
>
<div class="conbox">
<div class="con1">
<span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }}
</div>
<div class="con2">
{{ swiperData[0].SubTitle }}
<!-- 这里给一点小文字介绍什么的最好,这里给一点小文字介绍什么的最好,这里给一点
小文字介绍什么的最好。 -->
</div>
<div class="con3"></div>
<div class="btn" @click="seeMore(swiperData[0].LinkUrl)">查看更多</div>
</div>
</div>
<!-- 教育产品 --> <!-- 教育产品 -->
<div class="edu_con"> <div class="edu_con">
<div class="edu_name">教育产品</div> <div class="edu_name">教育产品</div>
...@@ -56,7 +72,7 @@ ...@@ -56,7 +72,7 @@
> >
查看更多 查看更多
</div> </div>
<NoData v-if="courseList.length==0"></NoData> <NoData v-if="courseList.length == 0"></NoData>
</div> </div>
<!-- 开班计划 --> <!-- 开班计划 -->
<div class="edu_con"> <div class="edu_con">
...@@ -80,7 +96,7 @@ ...@@ -80,7 +96,7 @@
<!-- 根据系列选课程 --> <!-- 根据系列选课程 -->
<div class="inputBorder2"> <div class="inputBorder2">
<q-select <q-select
label="可查询课程名称" label="可查询班级名称"
outlined outlined
v-model="classSelectCourseName" v-model="classSelectCourseName"
:options="courseNameOption" :options="courseNameOption"
...@@ -149,65 +165,78 @@ ...@@ -149,65 +165,78 @@
</div> </div>
<div class="infoBox4"> <div class="infoBox4">
<div class="title">咨询客服</div> <div class="title">咨询客服</div>
<div class="consultBtn" @click="show(item.ClassId)">去咨询</div> <div class="consultBtn" @click="show(item.ClassId)">
<img
src="../../assets/images/JapaneseTrain/kefu_icon.png"
style="width: 0.833vw; height: auto"
alt=""
/>
去咨询
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="seemore" v-if="classPlanList.length > 0" @click="seeMore('/classPlanList')">查看更多</div> <div
<NoData v-if="classPlanList.length==0"></NoData> class="seemore"
v-if="classPlanList.length > 0"
@click="seeMore('/classPlanList')"
>
查看更多
</div>
<NoData v-if="classPlanList.length == 0"></NoData>
</div> </div>
<template> <template>
<q-dialog ref="dialog" @hide="onDialogHide"> <q-dialog ref="dialog" @hide="onDialogHide">
<q-card class="q-dialog-plugin"> <q-card class="q-dialog-plugin">
<div class="q-pa-md" style="max-width: 400px"> <div class="q-pa-md" style="max-width: 400px">
<q-form @submit="onSubmit" @reset="onReset" class="q-gutter-md"> <q-form @submit="onSubmit" @reset="onReset" class="q-gutter-md">
<q-input
filled
ref="name"
v-model="advisorymsg.LinkMan"
label="联系人"
lazy-rules
:rules="[(val) => (val && val.length > 0) || '请输入联系人']"
/>
<q-input
filled
ref="phone"
v-model="advisorymsg.LinkTel"
label="联系电话"
mask="###########"
lazy-rules
:rules="[
(val) => (val && val.length === 11) || '请输入11位联系电话',
]"
/>
<div style="max-width: 400px">
<q-input <q-input
label="备注"
v-model="advisorymsg.Remark"
filled filled
ref="name" type="textarea"
v-model="advisorymsg.LinkMan"
label="联系人"
lazy-rules
:rules="[(val) => (val && val.length > 0) || '请输入联系人']"
/> />
<q-input </div>
filled <div>
ref="phone" <q-btn label="提交" type="Submit" color="primary" />
v-model="advisorymsg.LinkTel" <q-btn
label="联系电话" label="重置"
mask="###########" type="reset"
lazy-rules color="primary"
:rules="[ flat
(val) => (val && val.length === 11) || '请输入11位联系电话', class="q-ml-sm"
]"
/> />
<div style="max-width: 400px"> </div>
<q-input </q-form>
label="备注" </div>
v-model="advisorymsg.Remark" <!-- 按钮示例 -->
filled <q-card-actions align="right">
type="textarea" <!-- <q-btn color="primary" label="OK" @click="onOKClick" />-->
/> <q-btn color="primary" label="关闭" @click="onCancelClick" />
</div> </q-card-actions>
<div> </q-card>
<q-btn label="提交" type="Submit" color="primary" /> </q-dialog>
<q-btn </template>
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>
<!-- 教师团队 --> <!-- 教师团队 -->
<TeacherTeam :viewNum="4" :teacherList="teacherList" /> <TeacherTeam :viewNum="4" :teacherList="teacherList" />
<!-- 底部 --> <!-- 底部 -->
...@@ -217,7 +246,7 @@ ...@@ -217,7 +246,7 @@
<script> <script>
import Header from "../../components/header/header"; import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2"; import Footer from "../../components/footer/footerType2";
import Banner from "../../components/banner/banner"; // import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam"; import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import NoData from "../../components/noData/noData"; import NoData from "../../components/noData/noData";
import { getWebNavList } from "../../api/indexApi.js"; import { getWebNavList } from "../../api/indexApi.js";
...@@ -227,15 +256,15 @@ import { ...@@ -227,15 +256,15 @@ import {
getClassPlan, getClassPlan,
getCourseList, getCourseList,
getWebTeacherList, getWebTeacherList,
addWebAdvisory addWebAdvisory,
} from "../../api/JapaneseTrainApi"; } from "../../api/JapaneseTrainApi";
export default { export default {
components: { components: {
Header, Header,
Footer, Footer,
Banner, // Banner,
TeacherTeam, TeacherTeam,
NoData NoData,
}, },
data() { data() {
return { return {
...@@ -245,7 +274,7 @@ export default { ...@@ -245,7 +274,7 @@ export default {
Name: "", Name: "",
}, },
], ],
swiperData: [], swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }],
selectCourseText: "", //课程系列选择框 selectCourseText: "", //课程系列选择框
classSelectSeries: "", classSelectSeries: "",
classSelectCourseName: "", classSelectCourseName: "",
...@@ -359,7 +388,7 @@ export default { ...@@ -359,7 +388,7 @@ export default {
let res = await getWebTeacherList(1); let res = await getWebTeacherList(1);
this.teacherList = res.Data.map((item) => { this.teacherList = res.Data.map((item) => {
item.showDetail = false; item.showDetail = false;
return item return item;
}); });
}, },
//对话框 //对话框
...@@ -410,7 +439,7 @@ export default { ...@@ -410,7 +439,7 @@ export default {
color: "positive", color: "positive",
message: res.Message, message: res.Message,
}); });
this.hide() this.hide();
} }
}, },
}, },
...@@ -430,7 +459,56 @@ export default { ...@@ -430,7 +459,56 @@ export default {
height: 100%; height: 100%;
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.JapaneseTrainBannerBox {
width: 100%;
height: 39.0625vw;
// background-image: url("../../assets/images/aboutUs/aboutUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
position: relative;
.conbox {
position: absolute;
top: 9.635vw;
left: 10.208vw;
}
.con1 {
width: calc(845 / 1920 * 100%);
white-space: nowrap;
// font-size: 100px;
font-size: 5.208vw;
color: #111111;
margin-bottom: 3.125vw;
.jh {
font-family: "pingfang-b" !important;
}
}
.con2 {
width: 38.489vw;
font-size: 20px !important;
font-size: 1.041vw;
color: #111111;
padding-bottom: 3.593vw;
}
.con3 {
width: 31.041vw;
height: 1px;
background-color: #111111;
margin-bottom: 4.01vw;
}
.btn {
width: 9.375vw;
height: 2.916vw;
background-color: #45766dff;
// font-size: 24px !important;
font-size: 1.249vw;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
cursor: pointer;
}
}
.edu_con { .edu_con {
width: 62.5vw; width: 62.5vw;
margin: 5.516vw auto 0; margin: 5.516vw auto 0;
...@@ -519,9 +597,10 @@ export default { ...@@ -519,9 +597,10 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 1.25vw; font-size: 1.25vw;
// font-family: PingFang SC; font-family: PingFang SC;
// font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
cursor: pointer;
} }
.classPlanItemBox { .classPlanItemBox {
width: 100%; width: 100%;
...@@ -597,6 +676,7 @@ export default { ...@@ -597,6 +676,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 0.52vw; margin-top: 0.52vw;
cursor: pointer;
} }
} }
} }
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<!-- 根据系列选课程 --> <!-- 根据系列选课程 -->
<div class="inputBorder2"> <div class="inputBorder2">
<q-select <q-select
label="可查询课程名称" label="可查询班级名称"
outlined outlined
v-model="classSelectCourseName" v-model="classSelectCourseName"
:options="courseNameOption" :options="courseNameOption"
...@@ -93,7 +93,9 @@ ...@@ -93,7 +93,9 @@
</div> </div>
<div class="infoBox4"> <div class="infoBox4">
<div class="title">咨询客服</div> <div class="title">咨询客服</div>
<div class="consultBtn" @click="show(item.ClassId)">去咨询</div> <div class="consultBtn" @click="show(item.ClassId)">
<img src="../../assets/images/JapaneseTrain/kefu_icon.png" style="width:0.833vw;height:auto " alt="">
去咨询</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,7 +11,9 @@ ...@@ -11,7 +11,9 @@
<div class="name">{{ courseDetail.CourseName }}</div> <div class="name">{{ courseDetail.CourseName }}</div>
<div class="line"></div> <div class="line"></div>
<div class="desc" v-html="courseDetail.CourseIntro"></div> <div class="desc" v-html="courseDetail.CourseIntro"></div>
<div class="consult" @click="show">立即咨询</div> <div class="consult" @click="show">
<img src="../../assets/images/JapaneseTrain/kefu_icon.png" style="width:1.458vw;height:auto;marginRight:0.5vw" alt="">
立即咨询</div>
</div> </div>
</div> </div>
<!-- 对话框 --> <!-- 对话框 -->
......
...@@ -2,8 +2,23 @@ ...@@ -2,8 +2,23 @@
<div class="jiahe"> <div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[5].Name" :type="2" /> <Header :menuList="menuList" :curMenu="menuList[5].Name" :type="2" />
<!-- bannner部分 --> <!-- bannner部分 -->
<Banner :swiperList="swiperData" /> <!-- <Banner :swiperList="swiperData" /> -->
<div
class="aboutUsBannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
>
<div class="banner_title">
<span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }}
</div>
<div class="line"></div>
<div class="aboutUs_desc">
<!-- 甲鹤外国语培训学校地处四川省成都市中心区,与四川大学,四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。
学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员,学校亦可推荐一流的日本语学校以及私塾。
学校凭借10年累积,不仅与日本知名大学长期合作;并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。
学校依托日本丰富的教学资源优势,致力于国内高品质的教学,为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案。我们以一流的师资团队,优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌。 -->
{{ swiperData[0].SubTitle }}
</div>
</div>
<div class="main"> <div class="main">
<!-- 董事长 --> <!-- 董事长 -->
<div class="imgBox"></div> <div class="imgBox"></div>
...@@ -58,14 +73,15 @@ export default { ...@@ -58,14 +73,15 @@ export default {
Name: "", Name: "",
}, },
], ],
swiperData: [], swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "" }],
}; };
}, },
methods: { methods: {
//获取网站导航列表(swiper) //获取网站导航列表
async getWebNavList() { async getWebNavList() {
let res = await getWebNavList(6); let res = await getWebNavList(6);
this.swiperData = res.Data; this.swiperData = res.Data;
console.log(this.swiperData);
}, },
initMap() { initMap() {
let map = new BMap.Map("mapcontainer"); // 创建Map实例 let map = new BMap.Map("mapcontainer"); // 创建Map实例
...@@ -87,6 +103,40 @@ export default { ...@@ -87,6 +103,40 @@ export default {
.jiahe { .jiahe {
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.aboutUsBannerBox {
width: 100%;
height: 52.08vw;
// background-image: url("../../assets/images/aboutUs/aboutUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
// display: flex;
// align-items: center;
padding-left: 10.208vw;
.banner_title {
padding-top: 9.635vw;
font-size: 5.208vw;
color: #111111;
.jh {
font-family: "pingfang-b" !important;
}
}
.line {
margin-top: 2vw;
margin-bottom: 2vw;
width: 31vw;
height: 1px;
background-color: #111111;
}
.aboutUs_desc {
width: 42.708vw;
max-height: 20vw;
overflow: hidden;
font-size: 1.041vw;
font-family: PingFang SC;
// font-weight: 500;
color: #111111;
}
}
.main { .main {
width: 62.5vw; width: 62.5vw;
height: 41.817vw; height: 41.817vw;
...@@ -96,7 +146,10 @@ export default { ...@@ -96,7 +146,10 @@ export default {
.imgBox { .imgBox {
width: 33.854vw; width: 33.854vw;
height: 41.817vw; height: 41.817vw;
background-color: #000; // background-color: #000;
background-image: url("../../assets/images/index/chairman_img.png");
background-repeat: no-repeat;
background-size: contain;
} }
.descBox { .descBox {
padding-top: 7.187vw; padding-top: 7.187vw;
...@@ -162,7 +215,7 @@ export default { ...@@ -162,7 +215,7 @@ export default {
color: #111111; color: #111111;
margin-bottom: 0.2vw; margin-bottom: 0.2vw;
} }
.contactUs_con{ .contactUs_con {
font-size: 0.625vw; font-size: 0.625vw;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
color: #666666; color: #666666;
......
This diff is collapsed.
<template> <template>
<div class="jiahe"> <div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[6].Name" :type="2" /> <Header :menuList="menuList" :curMenu="menuList[6].Name" :type="2" />
<div class="bannerBox"> <div class="bannerBox" :style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }">
<div class="banner_title"><span class="jh">甲鹤</span>-加入我们</div> <div class="banner_title"><span class="jh">甲鹤</span>-{{swiperData[0].NavTitle}}</div>
</div> </div>
<div class="join_main"> <div class="join_main">
<div class="joinUs_imgBox"> <div class="joinUs_imgBox">
...@@ -112,6 +112,7 @@ import { ...@@ -112,6 +112,7 @@ import {
getWebRecruitment, getWebRecruitment,
addWebJobApply, addWebJobApply,
} from "../../api/joinUsApi.js"; } from "../../api/joinUsApi.js";
import { getWebNavList } from "../../api/indexApi.js";
export default { export default {
components: { components: {
Header, Header,
...@@ -120,6 +121,7 @@ export default { ...@@ -120,6 +121,7 @@ export default {
}, },
data() { data() {
return { return {
swiperData: [{BgImg:"",NavTitle:""}],
currentPage: 1, currentPage: 1,
pageCount: 1, pageCount: 1,
menuList: [ menuList: [
...@@ -150,6 +152,11 @@ export default { ...@@ -150,6 +152,11 @@ export default {
}; };
}, },
methods: { methods: {
// 获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(7);
this.swiperData = res.Data;
},
//翻页 //翻页
changePage(val) { changePage(val) {
this.currentPage = val; this.currentPage = val;
...@@ -231,6 +238,7 @@ export default { ...@@ -231,6 +238,7 @@ export default {
this.menuList = JSON.parse(localStorage.getItem("menuList")); this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebRecruitmentTypeList(); this.getWebRecruitmentTypeList();
this.getWebRecruitmentPage(); this.getWebRecruitmentPage();
this.getWebNavList()
}, },
}; };
</script> </script>
...@@ -241,7 +249,7 @@ export default { ...@@ -241,7 +249,7 @@ export default {
.bannerBox { .bannerBox {
width: 100%; width: 100%;
height: 16.666vw; height: 16.666vw;
background-image: url("../../assets/images/joinUs/joinUsBanner.png"); // background-image: url("../../assets/images/joinUs/joinUsBanner.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
display: flex; display: flex;
...@@ -313,11 +321,11 @@ export default { ...@@ -313,11 +321,11 @@ export default {
font-size: 0.729vw; font-size: 0.729vw;
font-family: "pingfang-b" !important; font-family: "pingfang-b" !important;
color: #111111; color: #111111;
// white-space: nowrap;
} }
.job_other { .job_other {
font-size: 0.729vw; font-size: 0.729vw;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
// font-weight: 400;
color: #999999; color: #999999;
} }
} }
......
This diff is collapsed.
<template> <template>
<div class="jiahe"> <div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[2].Name" :type="2" /> <Header :menuList="menuList" :curMenu="menuList[2].Name" :type="2" />
<Banner :swiperList="swiperData" /> <!-- <Banner :swiperList="swiperData" /> -->
<!-- bannner部分 -->
<div
class="studyServeBannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
>
<div class="conbox">
<div class="con1">
<span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }}
</div>
<div class="con2">
{{ swiperData[0].SubTitle }}
<!-- 这里给一点小文字介绍什么的最好,这里给一点小文字介绍什么的最好,这里给一点
小文字介绍什么的最好。 -->
</div>
<div class="con3"></div>
<div class="btn" @click="seeMore(swiperData[0].LinkUrl)">查看更多</div>
</div>
</div>
<!-- 留学产品 --> <!-- 留学产品 -->
<div class="studyProduct"> <div class="studyProduct">
<div class="title">留学产品</div> <div class="title">留学产品</div>
...@@ -49,7 +67,7 @@ ...@@ -49,7 +67,7 @@
</template> </template>
<script> <script>
import Header from "../../components/header/header"; import Header from "../../components/header/header";
import Banner from "../../components/banner/banner"; // import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam"; import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import Footer from "../../components/footer/footerType2"; import Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js"; import { getWebNavList } from "../../api/indexApi.js";
...@@ -57,7 +75,7 @@ import { getStudyAbroadList } from "../../api/studyServeApi.js"; ...@@ -57,7 +75,7 @@ import { getStudyAbroadList } from "../../api/studyServeApi.js";
import { getWebTeacherList } from "../../api/JapaneseTrainApi"; import { getWebTeacherList } from "../../api/JapaneseTrainApi";
export default { export default {
components: { components: {
Banner, // Banner,
Header, Header,
TeacherTeam, TeacherTeam,
Footer, Footer,
...@@ -71,12 +89,16 @@ export default { ...@@ -71,12 +89,16 @@ export default {
Name: "", Name: "",
}, },
], ],
swiperData: [], swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }],
studyProductList: [], studyProductList: [],
teacherList:[] teacherList:[]
}; };
}, },
methods: { methods: {
//(banner)查看更多
seeMore(url){
this.$router.push(url)
},
//获取网站导航列表 //获取网站导航列表
async getWebNavList() { async getWebNavList() {
let res = await getWebNavList(3); let res = await getWebNavList(3);
...@@ -107,6 +129,56 @@ export default { ...@@ -107,6 +129,56 @@ export default {
.jiahe { .jiahe {
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.studyServeBannerBox {
width: 100%;
height: 39.0625vw;
// background-image: url("../../assets/images/aboutUs/aboutUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
position: relative;
.conbox {
position: absolute;
top: 9.635vw;
left: 10.208vw;
}
.con1 {
width: calc(845 / 1920 * 100%);
white-space: nowrap;
// font-size: 100px;
font-size: 5.208vw;
color: #111111;
margin-bottom: 3.125vw;
.jh {
font-family: "pingfang-b" !important;
}
}
.con2 {
width: 38.489vw;
font-size: 20px !important;
font-size: 1.041vw;
color: #111111;
padding-bottom: 3.593vw;
}
.con3 {
width: 31.041vw;
height: 1px;
background-color: #111111;
margin-bottom: 4.01vw;
}
.btn {
width: 9.375vw;
height: 2.916vw;
background-color: #45766dff;
// font-size: 24px !important;
font-size: 1.249vw;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
cursor: pointer;
}
}
.studyProduct { .studyProduct {
width: 62.5vw; width: 62.5vw;
margin: 0 auto; margin: 0 auto;
......
...@@ -2,8 +2,11 @@ ...@@ -2,8 +2,11 @@
<div class="jiahe"> <div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[3].Name" :type="2" /> <Header :menuList="menuList" :curMenu="menuList[3].Name" :type="2" />
<!-- <Banner :swiperList="swiperData" /> --> <!-- <Banner :swiperList="swiperData" /> -->
<div class="bannerBox"> <div
<div class="banner_title"><span class="jh">甲鹤</span>-就业服务</div> class="bannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
>
<div class="banner_title"><span class="jh">甲鹤</span>-{{swiperData[0].NavTitle}}</div>
</div> </div>
<!-- 留学产品 --> <!-- 留学产品 -->
<div class="studyProduct"> <div class="studyProduct">
...@@ -52,16 +55,12 @@ ...@@ -52,16 +55,12 @@
</template> </template>
<script> <script>
import Header from "../../components/header/header"; import Header from "../../components/header/header";
import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import Footer from "../../components/footer/footerType2"; import Footer from "../../components/footer/footerType2";
// import { getWebNavList } from "../../api/indexApi.js"; import { getWebNavList } from "../../api/indexApi.js";
import { getStudyAbroadList } from "../../api/studyServeApi.js"; import { getStudyAbroadList } from "../../api/studyServeApi.js";
export default { export default {
components: { components: {
Banner,
Header, Header,
TeacherTeam,
Footer, Footer,
}, },
data() { data() {
...@@ -74,16 +73,16 @@ export default { ...@@ -74,16 +73,16 @@ export default {
Name: "", Name: "",
}, },
], ],
// swiperData: [], swiperData: [{BgImg:"",NavTitle:""}],
workProductList: [], workProductList: [],
}; };
}, },
methods: { methods: {
//获取网站导航列表 // 获取网站导航列表
// async getWebNavList() { async getWebNavList() {
// let res = await getWebNavList(3); let res = await getWebNavList(4);
// this.swiperData = res.Data; this.swiperData = res.Data;
// }, },
async getStudyAbroadList() { async getStudyAbroadList() {
let res = await getStudyAbroadList(2); let res = await getStudyAbroadList(2);
this.workProductList = res.Data; this.workProductList = res.Data;
...@@ -91,7 +90,7 @@ export default { ...@@ -91,7 +90,7 @@ export default {
}, },
mounted() { mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList")); this.menuList = JSON.parse(localStorage.getItem("menuList"));
// this.getWebNavList(); this.getWebNavList();
this.getStudyAbroadList(); this.getStudyAbroadList();
}, },
}; };
...@@ -168,11 +167,11 @@ export default { ...@@ -168,11 +167,11 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
.banner_title { .banner_title {
margin-left: 10.208vw; margin-left: 10.208vw;
font-size: 5.208vw; font-size: 5.208vw;
color: #111111; color: #111111;
.jh{ .jh {
font-family: "pingfang-b" !important; font-family: "pingfang-b" !important;
} }
} }
} }
......
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