Skip to content

M
ministers
Commit 66f4bbb5 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 68d3286a
Hide whitespace changes
Inline Side-by-side
Showing with 119 additions and 109 deletions
src/components/header/header.vue
View file @ 66f4bbb5
...@@ -98,7 +98,14 @@ export default { ...@@ -98,7 +98,14 @@ export default {
}, },
methods: { methods: {
jumpPage(url) { jumpPage(url) {
this.$router.push(url); let reg=/https/
let res= reg.test(url)
if(res){
window.open(url)
}else{
this.$router.push(url);
}
}, },
}, },
}; };
......
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 66f4bbb5
...@@ -218,13 +218,12 @@ ...@@ -218,13 +218,12 @@
/> />
</div> </div>
<div> <div>
<q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
<q-btn <q-btn
label="重置" label="提交"
type="reset" type="Submit"
flat style="background-color: #45766d; color: #ffffff"
class="q-ml-sm"
/> />
<q-btn label="重置" type="reset" flat class="q-ml-sm" />
</div> </div>
</q-form> </q-form>
</div> </div>
...@@ -268,7 +267,7 @@ export default { ...@@ -268,7 +267,7 @@ export default {
Name: "", Name: "",
}, },
], ],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }], swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "", LinkUrl: "" }],
selectCourseText: "", //课程系列选择框 selectCourseText: "", //课程系列选择框
classSelectSeries: "", classSelectSeries: "",
classSelectCourseName: "", classSelectCourseName: "",
...@@ -470,6 +469,7 @@ export default { ...@@ -470,6 +469,7 @@ export default {
white-space: nowrap; white-space: nowrap;
// font-size: 100px; // font-size: 100px;
font-size: 5.208vw; font-size: 5.208vw;
line-height: 5.208vw;
color: #111111; color: #111111;
margin-bottom: 3.125vw; margin-bottom: 3.125vw;
.jh { .jh {
...@@ -478,8 +478,9 @@ export default { ...@@ -478,8 +478,9 @@ export default {
} }
.con2 { .con2 {
width: 38.489vw; width: 38.489vw;
font-size: 20px !important;
font-size: 1.041vw; font-size: 1.041vw;
line-height: 1.51vw;
font-weight: 500;
color: #111111; color: #111111;
padding-bottom: 3.593vw; padding-bottom: 3.593vw;
} }
......
src/pages/aboutUs/aboutUs.vue
View file @ 66f4bbb5
...@@ -7,16 +7,14 @@ ...@@ -7,16 +7,14 @@
class="aboutUsBannerBox" class="aboutUsBannerBox"
:style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }" :style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
> >
<div class="banner_title"> <div class="aboutUs_conbox">
<span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }} <div class="banner_title">
</div> <span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }}
<div class="line"></div> </div>
<div class="aboutUs_desc"> <div class="line"></div>
<!-- 甲鹤外国语培训学校地处四川省成都市中心区，与四川大学，四川音乐学院比隣。拥有来自北京外国语大学、四川大学、四川外国语大学、日本东京工业大学、筑波大学、日本早稻田大学等国内外知名高校的一流教师团队。<br/> <div class="aboutUs_desc">
学校与日本朝日大学、宇都宫共和大学、东京福祉大学、樱美林大学等日本高校建立了合作关系。本校学生日语达N2便可以直接推荐保送进入上述各大学就读本科专业。想要选择日本其他国、公、私立大学的学员，学校亦可推荐一流的日本语学校以及私塾。<br/> {{ swiperData[0].SubTitle }}
学校凭借10年累积，不仅与日本知名大学长期合作；并且向日本IT企业和日本旅行社输送各类人才。与日本政界、学界、商界均保持良好合作关系。<br/> </div>
学校依托日本丰富的教学资源优势，致力于国内高品质的教学，为甲鹤学生提供日语培训、日本留学、日企就业的一站式人生规划方案。我们以一流的师资团队，优雅的教学环境以及雄厚的留学就业资源将甲鹤日语打造成中国最专业的日语培训一流品牌。 -->
{{ swiperData[0].SubTitle }}
</div> </div>
</div> </div>
<div class="main"> <div class="main">
...@@ -112,31 +110,34 @@ export default { ...@@ -112,31 +110,34 @@ export default {
// display: flex; // display: flex;
// align-items: center; // align-items: center;
padding-left: 10.208vw; padding-left: 10.208vw;
.banner_title { .aboutUs_conbox {
padding-top: 8vw; .banner_title {
font-size: 5.208vw; padding-top: 8vw;
color: #111111; font-size: 5.208vw;
.jh { color: #111111;
font-family: "pingfang-b" !important; line-height: 5.208vw;
.jh {
font-family: "pingfang-b" !important;
}
}
.line {
margin-top: 2.083vw;
// margin-bottom: 2.083vw;
width: 31vw;
height: 1px;
background-color: #111111;
}
.aboutUs_desc {
width: 42.708vw;
max-height: 24vw;
overflow: hidden;
font-size: 1.041vw;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
line-height: 1.875vw;
white-space: pre-line;
} }
}
.line {
margin-top: 1vw;
// margin-bottom: 1vw;
width: 31vw;
height: 1px;
background-color: #111111;
}
.aboutUs_desc {
width: 42.708vw;
max-height: 24vw;
overflow: hidden;
font-size: 1.041vw;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
line-height: 1.875vw;
white-space: pre-line;
} }
} }
.main { .main {
......
src/pages/index.vue
View file @ 66f4bbb5
...@@ -25,12 +25,14 @@ ...@@ -25,12 +25,14 @@
:name="item.NavTypeName" :name="item.NavTypeName"
:img-src="item.BgImg" :img-src="item.BgImg"
> >
<div class="con1"> <div class="index_swiper_box">
<span class="jh">甲鹤</span>-{{ item.NavTitle }} <div class="con1">
<span class="jh">甲鹤</span>-{{ item.NavTitle }}
</div>
<div class="con2">{{ item.SubTitle }}</div>
<div class="con3"></div>
<div class="btn" @click="goDetail(item.LinkUrl)">查看详情</div>
</div> </div>
<div class="con2">{{ item.SubTitle }}</div>
<div class="con3"></div>
<div class="btn" @click="goDetail(item.LinkUrl)">查看详情</div>
<q-img <q-img
src="../assets/images/index/female.png" src="../assets/images/index/female.png"
spinner-color="white" spinner-color="white"
...@@ -943,57 +945,47 @@ export default { ...@@ -943,57 +945,47 @@ export default {
padding-top: 57.39%; padding-top: 57.39%;
} }
.con1 { .index_swiper_box {
// width: calc(845 / 1920 * 100%);
width: 44vw;
white-space: nowrap;
// font-size: 100px;
font-size: 5.208vw;
color: #111111;
position: absolute; position: absolute;
left: calc(196 / 1920 * 100%); left: calc(196 / 1920 * 100%);
top: calc(374 / 1080 * 100%); top: calc(374 / 1080 * 100%);
.jh { .con1 {
font-family: "pingfang-b" !important; white-space: nowrap;
font-size: 5.208vw;
color: #111111;
line-height: 5.208vw;
margin-bottom: 3.125vw;
.jh {
font-family: "pingfang-b" !important;
}
}
.con2 {
max-width: 38.541vw;
max-height: 6.25vw;
word-wrap: break-word;
overflow: hidden;
font-size: 1.041vw;
color: #111111;
margin-bottom: 3.125vw;
}
.con3 {
width: 31vw;
height: 1px;
background-color: #111111ff;
margin-bottom: 4.16vw;
}
.btn {
width: 9.375vw;
height: 2.91vw;
background-color: #45766dff;
font-size: 1.249vw;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
cursor: pointer;
} }
}
.con2 {
// width: calc(739 / 1920 * 100%);
width: 38.541vw;
max-height: 6.25vw;
word-wrap: break-word;
overflow: hidden;
// font-size: 20px !important;
font-size: 1.041vw;
color: #111111;
position: absolute;
left: calc(196 / 1920 * 100%);
top: calc(527 / 1080 * 100%);
}
.con3 {
width: calc(596 / 1920 * 100%);
height: 1px;
background-color: #111111ff;
position: absolute;
left: calc(196 / 1920 * 100%);
top: calc(645 / 1080 * 100%);
}
.btn {
width: calc(180 / 1920 * 100%);
height: calc(56 / 1080 * 100%);
background-color: #45766dff;
// font-size: 24px !important;
font-size: 1.249vw;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
position: absolute;
left: calc(196 / 1920 * 100%);
top: calc(726 / 1080 * 100%);
cursor: pointer;
} }
.female { .female {
......
src/pages/studyServe/studyServe.vue
View file @ 66f4bbb5
...@@ -25,7 +25,11 @@ ...@@ -25,7 +25,11 @@
<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" @click="seeMore('/studyServeDetail')"> <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 +46,11 @@ ...@@ -42,7 +46,11 @@
</q-img> </q-img>
</div> </div>
</div> </div>
<div class="studyProductBox" v-if="index % 2 != 0" @click="seeMore('/studyServeDetail')"> <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,11 +68,11 @@ ...@@ -60,11 +68,11 @@
</div> </div>
</div> </div>
</div> </div>
<div style="margin-bottom:1vw" v-if="studyProductList.length==0"> <div style="margin-bottom: 1vw" v-if="studyProductList.length == 0">
<NoData></NoData> <NoData></NoData>
</div> </div>
</div> </div>
<TeacherTeam :viewNum="3" :teacherList="teacherList"/> <TeacherTeam :viewNum="3" :teacherList="teacherList" />
<Footer /> <Footer />
</div> </div>
</template> </template>
...@@ -83,7 +91,7 @@ export default { ...@@ -83,7 +91,7 @@ export default {
Header, Header,
TeacherTeam, TeacherTeam,
Footer, Footer,
NoData NoData,
}, },
data() { data() {
return { return {
...@@ -94,15 +102,15 @@ export default { ...@@ -94,15 +102,15 @@ export default {
Name: "", Name: "",
}, },
], ],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "",LinkUrl:"" }], swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "", LinkUrl: "" }],
studyProductList: [], studyProductList: [],
teacherList:[] teacherList: [],
}; };
}, },
methods: { methods: {
//（banner）查看更多 //（banner）查看更多
seeMore(url){ seeMore(url) {
this.$router.push(url) this.$router.push(url);
}, },
//获取网站导航列表 //获取网站导航列表
async getWebNavList() { async getWebNavList() {
...@@ -113,12 +121,12 @@ export default { ...@@ -113,12 +121,12 @@ export default {
let res = await getStudyAbroadList(1); let res = await getStudyAbroadList(1);
this.studyProductList = res.Data; this.studyProductList = res.Data;
}, },
//获取教师列表 //获取教师列表
async getTeacherList() { async getTeacherList() {
let res = await getWebTeacherList(2); let res = await getWebTeacherList(2);
this.teacherList = res.Data.map((item) => { this.teacherList = res.Data.map((item) => {
item.showDetail = false; item.showDetail = false;
return item return item;
}); });
}, },
}, },
...@@ -152,6 +160,7 @@ export default { ...@@ -152,6 +160,7 @@ export default {
white-space: nowrap; white-space: nowrap;
// font-size: 100px; // font-size: 100px;
font-size: 5.208vw; font-size: 5.208vw;
line-height: 5.208vw;
color: #111111; color: #111111;
margin-bottom: 3.125vw; margin-bottom: 3.125vw;
.jh { .jh {
...@@ -160,11 +169,11 @@ export default { ...@@ -160,11 +169,11 @@ export default {
} }
.con2 { .con2 {
width: 38.489vw; width: 38.489vw;
max-height: 5.729vw;
// font-size: 20px !important;
font-size: 1.041vw; font-size: 1.041vw;
line-height: 1.51vw;
font-weight: 500;
color: #111111; color: #111111;
padding-bottom: 3.593vw; padding-bottom: 3.541vw;
} }
.con3 { .con3 {
width: 31.041vw; width: 31.041vw;
...@@ -176,7 +185,6 @@ export default { ...@@ -176,7 +185,6 @@ export default {
width: 9.375vw; width: 9.375vw;
height: 2.916vw; height: 2.916vw;
background-color: #45766dff; background-color: #45766dff;
// font-size: 24px !important;
font-size: 1.249vw; font-size: 1.249vw;
color: #ffffff; color: #ffffff;
display: flex; display: flex;
......
src/pages/workServe/workServe.vue
View file @ 66f4bbb5
...@@ -156,6 +156,7 @@ export default { ...@@ -156,6 +156,7 @@ export default {
font-size: 0.625vw; font-size: 0.625vw;
color: #111111; color: #111111;
line-height: 1.875vw; line-height: 1.875vw;
white-space: pre-wrap;
} }
} }
.right { .right {
......
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