Skip to content

M
ministers
Commit 067eb726 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 69e39a7c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 668 additions and 262 deletions
quasar.conf.js
View file @ 067eb726
......@@ -48,8 +48,8 @@ module.exports = function (ctx) {
build: {
vueRouterMode: 'hash', // available values: 'hash', 'history'
env: ctx.dev ? {
// API: 'http://192.168.1.36:8300/api'
API:'http://192.168.1.13:8085/api'
API: 'http://192.168.1.36:8300/api'
// API:'http://192.168.1.13:8085/api'
} : {
API: 'http://eduapi.oytour.com/api'
},
......
src/assets/images/aboutUs/aboutUsBanner.png 0 → 100644
View file @ 067eb726
This diff is collapsed.
src/components/footer/footer.vue
View file @ 067eb726
<template>
<div class="footer">
<!-- <div class="absolute-top-left subFooter"> -->
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="class_icon6"
/>
<div class="link">
<span @click="jumpPage('')">留学服务</span> | <span @click="jumpPage()">就业服务</span> | <span @click="jumpPage()">甲鹤团队</span> | <span @click="jumpPage()">关于甲鹤</span> | <span @click="jumpPage()">联系我们</span>
</div>
<div class="copyright">
CopyRight © 2018 www.023.cn. All Rights Reserved
</div>
<!-- </div> -->
<!-- <div class="absolute-top-left subFooter"> -->
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="class_icon6"
/>
<div class="link">
<span @click="jumpPage('')">留学服务</span> |
<span @click="jumpPage()">就业服务</span> |
<span @click="jumpPage()">甲鹤团队</span> |
<span @click="jumpPage()">关于甲鹤</span> |
<span @click="jumpPage()">联系我们</span>
</div>
<div class="copyright">
CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div>
<!-- </div> -->
</div>
</template>
<script>
export default {
data(){
return{
}
data() {
return {};
},
methods:{
jumpPage(url){
this.$router.push(url)
}
}
}
methods: {
jumpPage(url) {
this.$router.push(url);
},
},
};
</script>
<style lang="scss" scoped>
.footer {
......@@ -63,6 +65,7 @@ export default {
top: 20.729vw;
left: 50%;
transform: translateX(-50%);
opacity: 0.6;
}
}
</style>
\ No newline at end of file
src/components/footer/footerType2.vue
View file @ 067eb726
<template>
<div class="footer">
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="jh_icon"
/>
<div class="link">
<span @click="jumpPage('')">留学服务</span> |
<span @click="jumpPage()">就业服务</span> |
<span @click="jumpPage()">甲鹤团队</span> |
<span @click="jumpPage()">关于甲鹤</span> |
<span @click="jumpPage()">联系我们</span>
</div>
<div class="copyright">
CopyRight © 2018 www.023.cn. All Rights Reserved
</div>
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="ewm_icon"
/>
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="mini_icon"
/>
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="jh_icon"
/>
<div class="link">
<span @click="jumpPage('')">留学服务</span> |
<span @click="jumpPage()">就业服务</span> |
<span @click="jumpPage()">甲鹤团队</span> |
<span @click="jumpPage()">关于甲鹤</span> |
<span @click="jumpPage()">联系我们</span>
</div>
<div class="copyright">
CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div>
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="ewm_icon"
/>
<q-img
src="../../assets/images/index/logo_bottom.png"
spinner-color="white"
class="mini_icon"
/>
</div>
</template>
<script>
......@@ -43,7 +43,7 @@ export default {
.footer {
width: 100%;
height: 14.062vw;
background-color: #EDEDED;
background-color: #ededed;
position: relative;
.jh_icon {
......@@ -71,6 +71,7 @@ export default {
position: absolute;
top: 7.916vw;
left: 26.562vw;
opacity: 0.6;
}
.ewm_icon {
width: 5.781vw;
......
src/components/header/header.vue
View file @ 067eb726
......@@ -10,7 +10,6 @@
:class="{
header_absolute: scorllNum < 300,
header_fixed: scorllNum >= 300,
}"
>
<div class="row items-center full-height">
......@@ -40,18 +39,14 @@
</div>
</div>
<div
class="type2"
v-if="type == 2"
>
<div class="row items-center full-height" >
<div class="type2 " v-if="type == 2">
<div class="row items-center full-height 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 class="col">
<q-tabs
v-model="tab"
class="text-dark"
active-color="dark"
align="justify"
narrow-indicator
......@@ -82,9 +77,9 @@ export default {
typeof: Array,
default: [],
},
curMenu:{
typeof:String,
default:"首页"
curMenu: {
typeof: String,
default: "首页",
},
type: {
typeof: Number,
......@@ -93,13 +88,13 @@ export default {
},
data() {
return {
tab:this.curMenu
tab: this.curMenu,
};
},
watch:{
curMenu(val){
this.tab=val
}
watch: {
curMenu(val) {
this.tab = val;
},
},
methods: {
jumpPage(url) {
......@@ -138,15 +133,18 @@ export default {
font-family: "pingfang-b" !important;
}
}
.type2{
.type2 {
background-color: #fff;
.items-nav .q-tab__label {
font-size: 16px !important;
font-family: "pingfang-b" !important;
}
font-size: 16px !important;
font-family: "pingfang-b" !important;
}
}
.navImg{
margin-left:3.125vw;
.navImg {
height: 60px;
margin-left: 3.125vw;
display: flex;
align-items: center;
background-color: #fff;
}
</style>
\ No newline at end of file
src/components/teacherTeam/teacherTeam.vue
View file @ 067eb726
......@@ -133,7 +133,7 @@ export default {
width: 13.541vw !important;
height: 18.333vw;
// 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;
padding: 2.86vw 1.458vw;
display: flex;
......
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 067eb726
......@@ -2,7 +2,23 @@
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" />
<!-- 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_name">教育产品</div>
......@@ -56,7 +72,7 @@
>
查看更多
</div>
<NoData v-if="courseList.length==0"></NoData>
<NoData v-if="courseList.length == 0"></NoData>
</div>
<!-- 开班计划 -->
<div class="edu_con">
......@@ -80,7 +96,7 @@
<!-- 根据系列选课程 -->
<div class="inputBorder2">
<q-select
label="可查询课程名称"
label="可查询班级名称"
outlined
v-model="classSelectCourseName"
:options="courseNameOption"
......@@ -149,65 +165,78 @@
</div>
<div class="infoBox4">
<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 class="seemore" v-if="classPlanList.length > 0" @click="seeMore('/classPlanList')">查看更多</div>
<NoData v-if="classPlanList.length==0"></NoData>
<div
class="seemore"
v-if="classPlanList.length > 0"
@click="seeMore('/classPlanList')"
>
查看更多
</div>
<NoData v-if="classPlanList.length == 0"></NoData>
</div>
<template>
<q-dialog ref="dialog" @hide="onDialogHide">
<q-card class="q-dialog-plugin">
<div class="q-pa-md" style="max-width: 400px">
<q-form @submit="onSubmit" @reset="onReset" class="q-gutter-md">
<template>
<q-dialog ref="dialog" @hide="onDialogHide">
<q-card class="q-dialog-plugin">
<div class="q-pa-md" style="max-width: 400px">
<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
label="备注"
v-model="advisorymsg.Remark"
filled
ref="name"
v-model="advisorymsg.LinkMan"
label="联系人"
lazy-rules
:rules="[(val) => (val && val.length > 0) || '请输入联系人']"
type="textarea"
/>
<q-input
filled
ref="phone"
v-model="advisorymsg.LinkTel"
label="联系电话"
mask="###########"
lazy-rules
:rules="[
(val) => (val && val.length === 11) || '请输入11位联系电话',
]"
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<q-btn
label="重置"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
<div style="max-width: 400px">
<q-input
label="备注"
v-model="advisorymsg.Remark"
filled
type="textarea"
/>
</div>
<div>
<q-btn label="提交" type="Submit" color="primary" />
<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>
</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" />
<!-- 底部 -->
......@@ -217,7 +246,7 @@
<script>
import Header from "../../components/header/header";
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 NoData from "../../components/noData/noData";
import { getWebNavList } from "../../api/indexApi.js";
......@@ -227,15 +256,15 @@ import {
getClassPlan,
getCourseList,
getWebTeacherList,
addWebAdvisory
addWebAdvisory,
} from "../../api/JapaneseTrainApi";
export default {
components: {
Header,
Footer,
Banner,
// Banner,
TeacherTeam,
NoData
NoData,
},
data() {
return {
......@@ -245,7 +274,7 @@ export default {
Name: "",
},
],
swiperData: [],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }],
selectCourseText: "", //课程系列选择框
classSelectSeries: "",
classSelectCourseName: "",
......@@ -359,7 +388,7 @@ export default {
let res = await getWebTeacherList(1);
this.teacherList = res.Data.map((item) => {
item.showDetail = false;
return item
return item;
});
},
//对话框
......@@ -410,7 +439,7 @@ export default {
color: "positive",
message: res.Message,
});
this.hide()
this.hide();
}
},
},
......@@ -430,7 +459,56 @@ export default {
height: 100%;
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 {
width: 62.5vw;
margin: 5.516vw auto 0;
......@@ -519,9 +597,10 @@ export default {
justify-content: center;
align-items: center;
font-size: 1.25vw;
// font-family: PingFang SC;
// font-weight: 500;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
cursor: pointer;
}
.classPlanItemBox {
width: 100%;
......@@ -597,6 +676,7 @@ export default {
justify-content: center;
align-items: center;
margin-top: 0.52vw;
cursor: pointer;
}
}
}
......
src/pages/JapaneseTrain/classPlanList.vue
View file @ 067eb726
......@@ -24,7 +24,7 @@
<!-- 根据系列选课程 -->
<div class="inputBorder2">
<q-select
label="可查询课程名称"
label="可查询班级名称"
outlined
v-model="classSelectCourseName"
:options="courseNameOption"
......@@ -93,7 +93,9 @@
</div>
<div class="infoBox4">
<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>
......
src/pages/JapaneseTrain/eduProductDetail.vue
View file @ 067eb726
......@@ -11,7 +11,9 @@
<div class="name">{{ courseDetail.CourseName }}</div>
<div class="line"></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>
<!-- 对话框 -->
......
src/pages/aboutUs/aboutUs.vue
View file @ 067eb726
......@@ -2,8 +2,23 @@
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[5].Name" :type="2" />
<!-- 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="imgBox"></div>
......@@ -58,14 +73,15 @@ export default {
Name: "",
},
],
swiperData: [],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "" }],
};
},
methods: {
//获取网站导航列表（swiper）
//获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(6);
this.swiperData = res.Data;
console.log(this.swiperData);
},
initMap() {
let map = new BMap.Map("mapcontainer"); // 创建Map实例
......@@ -87,6 +103,40 @@ export default {
.jiahe {
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 {
width: 62.5vw;
height: 41.817vw;
......@@ -96,7 +146,10 @@ export default {
.imgBox {
width: 33.854vw;
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 {
padding-top: 7.187vw;
......@@ -162,7 +215,7 @@ export default {
color: #111111;
margin-bottom: 0.2vw;
}
.contactUs_con{
.contactUs_con {
font-size: 0.625vw;
font-family: Microsoft YaHei;
color: #666666;
......
src/pages/index.vue
View file @ 067eb726
This diff is collapsed.
src/pages/joinUs/joinUs.vue
View file @ 067eb726
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[6].Name" :type="2" />
<div class="bannerBox">
<div class="banner_title"><span class="jh">甲鹤</span>-加入我们</div>
<div class="bannerBox" :style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }">
<div class="banner_title"><span class="jh">甲鹤</span>-{{swiperData[0].NavTitle}}</div>
</div>
<div class="join_main">
<div class="joinUs_imgBox">
......@@ -112,6 +112,7 @@ import {
getWebRecruitment,
addWebJobApply,
} from "../../api/joinUsApi.js";
import { getWebNavList } from "../../api/indexApi.js";
export default {
components: {
Header,
......@@ -120,6 +121,7 @@ export default {
},
data() {
return {
swiperData: [{BgImg:"",NavTitle:""}],
currentPage: 1,
pageCount: 1,
menuList: [
......@@ -150,6 +152,11 @@ export default {
};
},
methods: {
// 获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(7);
this.swiperData = res.Data;
},
//翻页
changePage(val) {
this.currentPage = val;
......@@ -231,6 +238,7 @@ export default {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebRecruitmentTypeList();
this.getWebRecruitmentPage();
this.getWebNavList()
},
};
</script>
......@@ -241,7 +249,7 @@ export default {
.bannerBox {
width: 100%;
height: 16.666vw;
background-image: url("../../assets/images/joinUs/joinUsBanner.png");
// background-image: url("../../assets/images/joinUs/joinUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
display: flex;
......@@ -313,11 +321,11 @@ export default {
font-size: 0.729vw;
font-family: "pingfang-b" !important;
color: #111111;
// white-space: nowrap;
}
.job_other {
font-size: 0.729vw;
font-family: Microsoft YaHei;
// font-weight: 400;
color: #999999;
}
}
......
src/pages/mediaCenter/mediaCenter.vue
View file @ 067eb726
This diff is collapsed.
src/pages/studyServe/studyServe.vue
View file @ 067eb726
<template>
<div class="jiahe">
<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="title">留学产品</div>
......@@ -49,7 +67,7 @@
</template>
<script>
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 Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js";
......@@ -57,7 +75,7 @@ import { getStudyAbroadList } from "../../api/studyServeApi.js";
import { getWebTeacherList } from "../../api/JapaneseTrainApi";
export default {
components: {
Banner,
// Banner,
Header,
TeacherTeam,
Footer,
......@@ -71,12 +89,16 @@ export default {
Name: "",
},
],
swiperData: [],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }],
studyProductList: [],
teacherList:[]
};
},
methods: {
//（banner）查看更多
seeMore(url){
this.$router.push(url)
},
//获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(3);
......@@ -107,6 +129,56 @@ export default {
.jiahe {
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 {
width: 62.5vw;
margin: 0 auto;
......
src/pages/workServe/workServe.vue
View file @ 067eb726
......@@ -2,8 +2,11 @@
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[3].Name" :type="2" />
<!-- <Banner :swiperList="swiperData" /> -->
<div class="bannerBox">
<div class="banner_title"><span class="jh">甲鹤</span>-就业服务</div>
<div
class="bannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
>
<div class="banner_title"><span class="jh">甲鹤</span>-{{swiperData[0].NavTitle}}</div>
</div>
<!-- 留学产品 -->
<div class="studyProduct">
......@@ -52,16 +55,12 @@
</template>
<script>
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 { getWebNavList } from "../../api/indexApi.js";
import { getWebNavList } from "../../api/indexApi.js";
import { getStudyAbroadList } from "../../api/studyServeApi.js";
export default {
components: {
Banner,
Header,
TeacherTeam,
Footer,
},
data() {
......@@ -74,16 +73,16 @@ export default {
Name: "",
},
],
// swiperData: [],
swiperData: [{BgImg:"",NavTitle:""}],
workProductList: [],
};
},
methods: {
//获取网站导航列表
// async getWebNavList() {
// let res = await getWebNavList(3);
// this.swiperData = res.Data;
// },
// 获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(4);
this.swiperData = res.Data;
},
async getStudyAbroadList() {
let res = await getStudyAbroadList(2);
this.workProductList = res.Data;
......@@ -91,7 +90,7 @@ export default {
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
// this.getWebNavList();
this.getWebNavList();
this.getStudyAbroadList();
},
};
......@@ -168,11 +167,11 @@ export default {
display: flex;
align-items: center;
.banner_title {
margin-left: 10.208vw;
margin-left: 10.208vw;
font-size: 5.208vw;
color: #111111;
.jh{
font-family: "pingfang-b" !important;
.jh {
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