Commit 66f4bbb5 authored by 罗超's avatar 罗超

1

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