Skip to content

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

1

parent 82352336
Expand all 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, ...@@ -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"; 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; color: #3f4254;
} }
.bg-brand {
background: #45766D !important;
}
</style> </style>
src/components/footer/footerType2.vue
View file @ 345e59a6
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
<div class="ewm_icon_box"> <div class="ewm_icon_box">
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/ew_code.jpg"
spinner-color="white" spinner-color="white"
class="ewm_icon" class="ewm_icon"
/> />
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div class="mini_icon_box"> <div class="mini_icon_box">
<q-img <q-img
src="../../assets/images/index/logo_bottom.png" src="../../assets/images/index/mini_code.jpg"
spinner-color="white" spinner-color="white"
class="mini_icon" class="mini_icon"
/> />
......
src/components/header/header.vue
View file @ 345e59a6
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
</div> </div>
</div> </div>
<div class="type2 " v-if="type == 2"> <div class="type2" v-if="type == 2">
<div class="row items-center full-height navImg" > <div class="row items-center full-height navImg">
<div class="col 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>
<div class="col"> <div class="col">
<q-tabs <q-tabs
...@@ -103,7 +103,7 @@ export default { ...@@ -103,7 +103,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" >
// #dowebok { // #dowebok {
// animation-duration:1s; //动画持续时间 // animation-duration:1s; //动画持续时间
// animation-delay:1s; //动画延迟时间 // animation-delay:1s; //动画延迟时间
...@@ -120,6 +120,7 @@ export default { ...@@ -120,6 +120,7 @@ export default {
} }
.header_fixed { .header_fixed {
width: 100vw; width: 100vw;
height: 100px;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -141,7 +142,7 @@ export default { ...@@ -141,7 +142,7 @@ export default {
} }
} }
.navImg { .navImg {
height: 60px; height: 100px;
margin-left: 3.125vw; margin-left: 3.125vw;
display: flex; display: flex;
align-items: center; align-items: center;
......
src/components/teacherTeam/teacherTeam.vue
View file @ 345e59a6
...@@ -7,7 +7,11 @@ ...@@ -7,7 +7,11 @@
</div> </div>
<div class="tea_swiper"> <div class="tea_swiper">
<Swiper :options="swiperOption"> <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 <div
v-if="!item.showDetail" v-if="!item.showDetail"
class="slideItem" class="slideItem"
...@@ -15,9 +19,19 @@ ...@@ -15,9 +19,19 @@
@mouseleave="leave(item)" @mouseleave="leave(item)"
> >
<div class="headImg"> <div class="headImg">
<img :src="item.Icon" alt="" class="headImg" v-if="item.Icon"/> <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
<img src="../../assets/images/JapaneseTrain/female.png" alt="" class="headImg" v-if="!item.Icon&&item.Sex===1"/> 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 class="firstName">{{ item.Name.slice(0, 1) }}</div>
</div> </div>
<div class="tea_name">{{ item.Name }}</div> <div class="tea_name">{{ item.Name }}</div>
...@@ -30,7 +44,7 @@ ...@@ -30,7 +44,7 @@
@mouseleave="leave(item)" @mouseleave="leave(item)"
> >
<div class="tea_name">{{ item.Name }}</div> <div class="tea_name">{{ item.Name }}</div>
<div class="tea_desc">{{ item.Intro }}</div> <div class="tea_desc2">{{ item.Intro }}</div>
</div> </div>
</Swiper-slide> </Swiper-slide>
</Swiper> </Swiper>
...@@ -91,7 +105,7 @@ export default { ...@@ -91,7 +105,7 @@ export default {
.bg { .bg {
width: 100%; width: 100%;
height: 27.604vw; 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-repeat: no-repeat;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
...@@ -176,15 +190,24 @@ export default { ...@@ -176,15 +190,24 @@ export default {
width: 11.666vw; width: 11.666vw;
height: 4.843vw; height: 4.843vw;
font-size: 0.729vw; font-size: 0.729vw;
// overflow-x: hidden;
// overflow-y: auto;
overflow: hidden; overflow: hidden;
// font-family: Microsoft YaHei; // font-family: Microsoft YaHei;
// font-weight: 400;
color: #999999; color: #999999;
line-height: 1.354vw; 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 { .slideItem2 {
width: 13.541vw; width: 13.541vw;
height: 18.333vw; height: 18.333vw;
......
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 345e59a6
...@@ -218,22 +218,16 @@ ...@@ -218,22 +218,16 @@
/> />
</div> </div>
<div> <div>
<q-btn label="提交" type="Submit" color="primary" /> <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="重置"
type="reset" type="reset"
color="primary"
flat flat
class="q-ml-sm" class="q-ml-sm"
/> />
</div> </div>
</q-form> </q-form>
</div> </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-card>
</q-dialog> </q-dialog>
</template> </template>
...@@ -525,7 +519,6 @@ export default { ...@@ -525,7 +519,6 @@ export default {
text-align: center; text-align: center;
font-size: 0.833vw; font-size: 0.833vw;
// font-family: Microsoft YaHei; // font-family: Microsoft YaHei;
// font-weight: 400;
color: #888888; color: #888888;
} }
.inputBox { .inputBox {
...@@ -554,7 +547,7 @@ export default { ...@@ -554,7 +547,7 @@ export default {
width: 20vw; width: 20vw;
height: 18.437vw; height: 18.437vw;
background-color: #fff; background-color: #fff;
margin-right: 1.25vw; margin-right: 1.2vw;
margin-bottom: 1.562vw; margin-bottom: 1.562vw;
.itemImg { .itemImg {
width: 20vw; width: 20vw;
......
src/pages/JapaneseTrain/classPlanList.vue
View file @ 345e59a6
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<!-- 开班计划 --> <!-- 开班计划 -->
<div class="edu_con"> <div class="edu_con">
<div class="edu_name">开班计划</div> <div class="edu_name">开班计划</div>
<div class="edu_subname">副标题</div> <!-- <div class="edu_subname">副标题</div> -->
<div class="inputBox"> <div class="inputBox">
<!-- 选择系列 --> <!-- 选择系列 -->
<div class="inputBorder2"> <div class="inputBorder2">
...@@ -134,22 +134,16 @@ ...@@ -134,22 +134,16 @@
/> />
</div> </div>
<div> <div>
<q-btn label="提交" type="Submit" color="primary" /> <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="重置"
type="reset" type="reset"
color="primary"
flat flat
class="q-ml-sm" class="q-ml-sm"
/> />
</div> </div>
</q-form> </q-form>
</div> </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-card>
</q-dialog> </q-dialog>
</template> </template>
...@@ -157,7 +151,7 @@ ...@@ -157,7 +151,7 @@
<div class="pageBox"> <div class="pageBox">
<q-pagination <q-pagination
v-model="currentPage" v-model="currentPage"
color="light-green-10" color="brand"
:max="pageCount" :max="pageCount"
:max-pages="5" :max-pages="5"
boundary-numbers boundary-numbers
...@@ -487,4 +481,11 @@ export default { ...@@ -487,4 +481,11 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
</style>
<style >
.q-btn{
margin: 0 0.5vw;
border: 1px solid #D2D7DD;
}
</style> </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 @@ ...@@ -4,7 +4,7 @@
<div class="detailBox"> <div class="detailBox">
<div class="left"> <div class="left">
<div class="border_out"> <div class="border_out">
<q-img src="" class="border_img" /> <q-img :src="courseDetail.CoverImg" class="border_img" />
</div> </div>
</div> </div>
<div class="right"> <div class="right">
...@@ -50,22 +50,16 @@ ...@@ -50,22 +50,16 @@
/> />
</div> </div>
<div> <div>
<q-btn label="立即咨询" type="Submit" color="primary" /> <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="重置"
type="reset" type="reset"
color="primary"
flat flat
class="q-ml-sm" class="q-ml-sm"
/> />
</div> </div>
</q-form> </q-form>
</div> </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-card>
</q-dialog> </q-dialog>
</template> </template>
......
src/pages/JapaneseTrain/eduProductList.vue
View file @ 345e59a6
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<div class="pageBox"> <div class="pageBox">
<q-pagination <q-pagination
v-model="currentPage" v-model="currentPage"
color="light-green-10" color="brand"
:max="pageCount" :max="pageCount"
:max-pages="5" :max-pages="5"
boundary-numbers boundary-numbers
...@@ -186,7 +186,7 @@ export default { ...@@ -186,7 +186,7 @@ export default {
width: 20vw; width: 20vw;
height: 18.437vw; height: 18.437vw;
background-color: #fff; background-color: #fff;
margin-right: 1.25vw; margin-right: 1.2vw;
margin-bottom: 1.562vw; margin-bottom: 1.562vw;
box-shadow: 0px 1px 6px 0px rgba(104, 104, 104, 0.1); box-shadow: 0px 1px 6px 0px rgba(104, 104, 104, 0.1);
.itemImg { .itemImg {
......
src/pages/aboutUs/aboutUs.vue
View file @ 345e59a6
...@@ -12,9 +12,9 @@ ...@@ -12,9 +12,9 @@
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="aboutUs_desc"> <div class="aboutUs_desc">
<!-- 甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。 <!-- 甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。<br/>
学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。 学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。<br/>
学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。 学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。<br/>
学校依托日本丰富的教学资源优势，致力于国内高品质的教学，为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案。我们以一流的师资团队，优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌。 --> 学校依托日本丰富的教学资源优势，致力于国内高品质的教学，为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案。我们以一流的师资团队，优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌。 -->
{{ swiperData[0].SubTitle }} {{ swiperData[0].SubTitle }}
</div> </div>
...@@ -113,7 +113,7 @@ export default { ...@@ -113,7 +113,7 @@ export default {
// align-items: center; // align-items: center;
padding-left: 10.208vw; padding-left: 10.208vw;
.banner_title { .banner_title {
padding-top: 9.635vw; padding-top: 8vw;
font-size: 5.208vw; font-size: 5.208vw;
color: #111111; color: #111111;
.jh { .jh {
...@@ -121,20 +121,22 @@ export default { ...@@ -121,20 +121,22 @@ export default {
} }
} }
.line { .line {
margin-top: 2vw; margin-top: 1vw;
margin-bottom: 2vw; // margin-bottom: 1vw;
width: 31vw; width: 31vw;
height: 1px; height: 1px;
background-color: #111111; background-color: #111111;
} }
.aboutUs_desc { .aboutUs_desc {
width: 42.708vw; width: 42.708vw;
max-height: 20vw; max-height: 24vw;
overflow: hidden; overflow: hidden;
font-size: 1.041vw; font-size: 1.041vw;
font-family: PingFang SC; font-family: PingFang SC;
// font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
line-height: 1.875vw;
white-space: pre-line;
} }
} }
.main { .main {
...@@ -150,7 +152,7 @@ export default { ...@@ -150,7 +152,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-color: #eee; background-color: #eee;
background-position:center; background-position: center;
} }
.descBox { .descBox {
padding-top: 7.187vw; padding-top: 7.187vw;
......
src/pages/index.vue
View file @ 345e59a6
This diff is collapsed.
src/pages/joinUs/jobDetail.vue
View file @ 345e59a6
...@@ -52,22 +52,16 @@ ...@@ -52,22 +52,16 @@
/> />
</div> </div>
<div> <div>
<q-btn label="提交" type="Submit" color="primary" /> <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="重置"
type="reset" type="reset"
color="primary"
flat flat
class="q-ml-sm" class="q-ml-sm"
/> />
</div> </div>
</q-form> </q-form>
</div> </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-card>
</q-dialog> </q-dialog>
</template> </template>
......
src/pages/joinUs/joinUs.vue
View file @ 345e59a6
...@@ -6,9 +6,10 @@ ...@@ -6,9 +6,10 @@
</div> </div>
<div class="join_main"> <div class="join_main">
<div class="joinUs_imgBox"> <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> <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> </div>
<div class="conBox" v-if="jobList.length>0"> <div class="conBox" v-if="jobList.length>0">
...@@ -66,22 +67,17 @@ ...@@ -66,22 +67,17 @@
/> />
</div> </div>
<div> <div>
<q-btn label="提交" type="Submit" color="primary" /> <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="重置"
type="reset" type="reset"
color="primary"
flat flat
class="q-ml-sm" class="q-ml-sm"
/> />
</div> </div>
</q-form> </q-form>
</div> </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-card>
</q-dialog> </q-dialog>
</template> </template>
...@@ -89,7 +85,7 @@ ...@@ -89,7 +85,7 @@
<div class="pageBox"> <div class="pageBox">
<q-pagination <q-pagination
v-model="currentPage" v-model="currentPage"
color="light-green-10" color="brand"
:max="pageCount" :max="pageCount"
:max-pages="5" :max-pages="5"
boundary-numbers boundary-numbers
...@@ -163,6 +159,16 @@ export default { ...@@ -163,6 +159,16 @@ export default {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getWebRecruitmentPage(); this.getWebRecruitmentPage();
}, },
// 切换职位类型
checkType(item){
item.check=!item.check
if(item.check){
this.msg.TypeId=item.Id
}else{
this.msg.TypeId=""
}
this.getWebRecruitmentPage()
},
//跳转职位详情 //跳转职位详情
jumpJobDetail(id){ jumpJobDetail(id){
this.$router.push({path:"/jobDetail",query:{id:id}}) this.$router.push({path:"/jobDetail",query:{id:id}})
...@@ -170,7 +176,10 @@ export default { ...@@ -170,7 +176,10 @@ export default {
//获取招聘信息分页列表 //获取招聘信息分页列表
async getWebRecruitmentTypeList() { async getWebRecruitmentTypeList() {
let res = await getWebRecruitmentTypeList(); let res = await getWebRecruitmentTypeList();
this.recruitmentTypeList = res.Data; this.recruitmentTypeList = res.Data.map(item=>{
item.check=false
return item
});
}, },
//获取招聘信息分页列表 //获取招聘信息分页列表
async getWebRecruitmentPage() { async getWebRecruitmentPage() {
......
src/pages/mediaCenter/mediaCenter.vue
View file @ 345e59a6
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<div class="pageBox" v-if="pageCount > 1"> <div class="pageBox" v-if="pageCount > 1">
<q-pagination <q-pagination
v-model="currentPage" v-model="currentPage"
color="light-green-10" color="brand"
:max="pageCount" :max="pageCount"
:max-pages="6" :max-pages="6"
:boundary-numbers="true" :boundary-numbers="true"
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<div class="cartoonBox_title">品牌漫画</div> <div class="cartoonBox_title">品牌漫画</div>
<div class="cartoonBox_con"> <div class="cartoonBox_con">
<div class="listCon" v-if="cartoonList.length > 0"> <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="itemTime">{{ item.CreateDate }}</div>
<div class="itemTitle">{{ item.Name }}</div> <div class="itemTitle">{{ item.Name }}</div>
</div> </div>
...@@ -145,10 +145,9 @@ ...@@ -145,10 +145,9 @@
<div class="pageBox2"> <div class="pageBox2">
<q-pagination <q-pagination
v-model="currentPage_cartoon" v-model="currentPage_cartoon"
color="light-green-10" color="brand"
:max="pageCount_cartoon" :max="pageCount_cartoon"
:max-pages="6" :max-pages="6"
size="2vw"
:boundary-numbers="true" :boundary-numbers="true"
@input="changePage_cartoon" @input="changePage_cartoon"
v-if="pageCount_cartoon > 1" v-if="pageCount_cartoon > 1"
...@@ -157,9 +156,9 @@ ...@@ -157,9 +156,9 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 品牌周刊 --> <!-- 集团月刊 -->
<div class="weeklyBox"> <div class="weeklyBox">
<div class="weekly_title">品牌周刊</div> <div class="weekly_title">集团月刊</div>
<div class="iconBox" v-if="monthlyList.length > 0"> <div class="iconBox" v-if="monthlyList.length > 0">
<div <div
class="iconItem" class="iconItem"
...@@ -171,7 +170,7 @@ ...@@ -171,7 +170,7 @@
</div> </div>
<div class="iconItem" @click="nextPage_weekly"> <div class="iconItem" @click="nextPage_weekly">
<i <i
class="fas fa-chevron-right" class="fas fa-chevron-right "
:class="{ activeColor: slide >= 1 && slide < max_page }" :class="{ activeColor: slide >= 1 && slide < max_page }"
></i> ></i>
</div> </div>
...@@ -185,12 +184,13 @@ ...@@ -185,12 +184,13 @@
navigation navigation
arrows arrows
height="auto" height="auto"
style="background-color: #f6f6f6" style="background-color: #f6f6f6;width:100%"
> >
<q-carousel-slide <q-carousel-slide
v-for="(item, index) in max_page" v-for="(item, index) in max_page"
:key="index" :key="index"
:name="item" :name="item"
style="padding:0"
> >
<div> <div>
<div class="eduConbox"> <div class="eduConbox">
...@@ -269,7 +269,7 @@ export default { ...@@ -269,7 +269,7 @@ export default {
pageSize: 5, pageSize: 5,
}, },
cartoonList: [], cartoonList: [],
// 周刊（月刊） //（月刊）
monthlymsg: { monthlymsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 3, pageSize: 3,
...@@ -368,7 +368,7 @@ export default { ...@@ -368,7 +368,7 @@ export default {
this.cartoonList = res.Data.PageData; this.cartoonList = res.Data.PageData;
}, },
// 动漫详情 // 动漫详情
cartoonDetail(url){ seeDetail(url){
window.open(url) window.open(url)
}, },
//获取品牌月刊(周刊)分页列表 //获取品牌月刊(周刊)分页列表
...@@ -641,7 +641,7 @@ export default { ...@@ -641,7 +641,7 @@ export default {
margin-bottom: 2.083vw; margin-bottom: 2.083vw;
} }
} }
// 品牌周刊 // 集团月刊
.activeColor{ .activeColor{
color: #45766D !important; color: #45766D !important;
} }
......
src/pages/studyServe/studyServe.vue
View file @ 345e59a6
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<div class="title">留学产品</div> <div class="title">留学产品</div>
<div class="subTitle"></div> <div class="subTitle"></div>
<div v-for="(item, index) in studyProductList" :key="index"> <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="left">
<div class="name">{{ item.Name }}</div> <div class="name">{{ item.Name }}</div>
<div class="line"></div> <div class="line"></div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</q-img> </q-img>
</div> </div>
</div> </div>
<div class="studyProductBox" v-if="index % 2 != 0"> <div class="studyProductBox" v-if="index % 2 != 0" @click="seeMore('/studyServeDetail')">
<div class="right"> <div class="right">
<q-img :src="item.ImgCover" class="right" alt=""> <q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading> <template v-slot:loading>
...@@ -60,6 +60,9 @@ ...@@ -60,6 +60,9 @@
</div> </div>
</div> </div>
</div> </div>
<div style="margin-bottom:1vw" v-if="studyProductList.length==0">
<NoData></NoData>
</div>
</div> </div>
<TeacherTeam :viewNum="3" :teacherList="teacherList"/> <TeacherTeam :viewNum="3" :teacherList="teacherList"/>
<Footer /> <Footer />
...@@ -73,12 +76,14 @@ import Footer from "../../components/footer/footerType2"; ...@@ -73,12 +76,14 @@ 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";
import { getWebTeacherList } from "../../api/JapaneseTrainApi"; import { getWebTeacherList } from "../../api/JapaneseTrainApi";
import NoData from "../../components/noData/noData";
export default { export default {
components: { components: {
// Banner, // Banner,
Header, Header,
TeacherTeam, TeacherTeam,
Footer, Footer,
NoData
}, },
data() { data() {
return { return {
...@@ -135,6 +140,7 @@ export default { ...@@ -135,6 +140,7 @@ export default {
// background-image: url("../../assets/images/aboutUs/aboutUsBanner.png"); // background-image: url("../../assets/images/aboutUs/aboutUsBanner.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-color: #fff;
position: relative; position: relative;
.conbox { .conbox {
position: absolute; position: absolute;
...@@ -154,7 +160,8 @@ export default { ...@@ -154,7 +160,8 @@ export default {
} }
.con2 { .con2 {
width: 38.489vw; width: 38.489vw;
font-size: 20px !important; max-height: 5.729vw;
// font-size: 20px !important;
font-size: 1.041vw; font-size: 1.041vw;
color: #111111; color: #111111;
padding-bottom: 3.593vw; 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 @@ ...@@ -48,6 +48,9 @@
</div> </div>
</div> </div>
</div> </div>
<div style="margin-bottom:1vw" v-if="workProductList.length==0">
<NoData></NoData>
</div>
</div> </div>
<!-- <TeacherTeam :viewNum="3" /> --> <!-- <TeacherTeam :viewNum="3" /> -->
<Footer /> <Footer />
...@@ -56,12 +59,14 @@ ...@@ -56,12 +59,14 @@
<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 NoData from "../../components/noData/noData";
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: {
Header, Header,
Footer, Footer,
NoData
}, },
data() { data() {
return { return {
......
src/router/routes.js
View file @ 345e59a6
...@@ -7,10 +7,12 @@ const routes = [ ...@@ -7,10 +7,12 @@ const routes = [
children: [ children: [
{ path: '/index', component: () => import('src/pages/Index.vue') }, { path: '/index', component: () => import('src/pages/Index.vue') },
{ path: '/JapaneseTrain', component: () => import('src/pages/JapaneseTrain/JapaneseTrain.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: '/eduProductList', component: () => import('src/pages/JapaneseTrain/eduProductList.vue') },
{ path: '/eduProductDetail', component: () => import('src/pages/JapaneseTrain/eduProductDetail.vue') }, { path: '/eduProductDetail', component: () => import('src/pages/JapaneseTrain/eduProductDetail.vue') },
{ path: '/classPlanList', component: () => import('src/pages/JapaneseTrain/classPlanList.vue') }, { path: '/classPlanList', component: () => import('src/pages/JapaneseTrain/classPlanList.vue') },
{ path: '/studyServe', component: () => import('src/pages/studyServe/studyServe.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: '/workServe', component: () => import('src/pages/workServe/workServe.vue') },
{ path: '/mediaCenter', component: () => import('src/pages/mediaCenter/mediaCenter.vue') }, { path: '/mediaCenter', component: () => import('src/pages/mediaCenter/mediaCenter.vue') },
{ path: '/mediaCenterDetail', component: () => import('src/pages/mediaCenter/mediaCenterDetail.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