Skip to content

M
ministers
Commit 6635e5d4 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 370d9238
Hide whitespace changes
Inline Side-by-side
Showing with 182 additions and 146 deletions
src/components/footer/footer.vue
View file @ 6635e5d4
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<span @click="jumpPage()">联系我们</span> <span @click="jumpPage()">联系我们</span>
</div> </div>
<div class="copyright"> <div class="copyright">
CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号 CopyRight © 2023 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div> </div>
<!-- </div> --> <!-- </div> -->
</div> </div>
......
src/components/footer/footerType2.vue
View file @ 6635e5d4
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<span @click="jumpPage()">联系我们</span> <span @click="jumpPage()">联系我们</span>
</div> </div>
<div class="copyright"> <div class="copyright">
CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号 CopyRight © 2023 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
</div> </div>
<div class="ewm_icon_box"> <div class="ewm_icon_box">
<q-img <q-img
......
src/pages/studyServe/studyServe.vue
View file @ 6635e5d4
<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" />
<!-- bannner部分 --> <!-- bannner部分 -->
<Banner :swiperList="swiperData" /> <Banner :swiperList="swiperData" />
<!-- 留学产品 --> <!-- 留学产品 -->
...@@ -9,46 +9,62 @@ ...@@ -9,46 +9,62 @@
<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 <div class="studyProductBox" v-if="index % 2 == 0" @click="seeMore('/studyServeDetail')">
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>
<div class="desc">{{ item.Remark }}</div> <div class="desc" v-html="item.Remark"></div>
</div> </div>
<div class="right"> <div class="right">
<q-img :src="item.ImgCover" class="right" alt=""> <template v-if="item.ImgCover&&item.ImgCover!=''">
<template v-slot:loading> <q-img :src="item.ImgCover" class="right" alt="">
<div class="text-yellow"> <template v-slot:loading>
<q-spinner-ios /> <div class="text-yellow">
<div class="q-mt-md">Loading...</div> <q-spinner-ios />
</div> <div class="q-mt-md">Loading...</div>
</template> </div>
</q-img> </template>
</q-img>
</template>
<template v-else>
<q-img src="../../assets/images/banner.png" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</template>
</div> </div>
</div> </div>
<div <div class="studyProductBox" v-if="index % 2 != 0" @click="seeMore('/studyServeDetail')">
class="studyProductBox"
v-if="index % 2 != 0"
@click="seeMore('/studyServeDetail')"
>
<div class="right"> <div class="right">
<q-img :src="item.ImgCover" class="right" alt=""> <template v-if="item.ImgCover&&item.ImgCover!=''">
<template v-slot:loading> <q-img :src="item.ImgCover" class="right" alt="">
<div class="text-yellow"> <template v-slot:loading>
<q-spinner-ios /> <div class="text-yellow">
<div class="q-mt-md">Loading...</div> <q-spinner-ios />
</div> <div class="q-mt-md">Loading...</div>
</template> </div>
</q-img> </template>
</q-img>
</template>
<template v-else>
<q-img src="../../assets/images/banner.png" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</template>
</div> </div>
<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>
<div class="desc">{{ item.Remark }}</div> <div class="desc" v-html="item.Remark"> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -61,129 +77,149 @@ ...@@ -61,129 +77,149 @@
</div> </div>
</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 {
import { getStudyAbroadList } from "../../api/studyServeApi.js"; getWebNavList
import { getWebTeacherList } from "../../api/JapaneseTrainApi"; } from "../../api/indexApi.js";
import NoData from "../../components/noData/noData"; import {
export default { getStudyAbroadList
components: { } from "../../api/studyServeApi.js";
Banner, import {
Header, getWebTeacherList
TeacherTeam, } from "../../api/JapaneseTrainApi";
Footer, import NoData from "../../components/noData/noData";
NoData, export default {
}, components: {
data() { Banner,
return { Header,
menuList: [ TeacherTeam,
{}, Footer,
{}, NoData,
{
Name: "",
},
],
swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "", LinkUrl: "" }],
studyProductList: [],
teacherList: [],
};
},
methods: {
//（banner）查看更多
seeMore(url) {
this.$router.push(url);
}, },
//获取网站导航列表 data() {
async getWebNavList() { return {
let res = await getWebNavList(3); menuList: [{},
this.swiperData = res.Data; {},
{
Name: "",
},
],
swiperData: [{
BgImg: "",
NavTitle: "",
SubTitle: "",
LinkUrl: ""
}],
studyProductList: [],
teacherList: [],
};
}, },
async getStudyAbroadList() { methods: {
let res = await getStudyAbroadList(1); //（banner）查看更多
this.studyProductList = res.Data; seeMore(url) {
this.$router.push(url);
},
//获取网站导航列表
async getWebNavList() {
let res = await getWebNavList(3);
this.swiperData = res.Data;
},
async getStudyAbroadList() {
let res = await getStudyAbroadList(1);
this.studyProductList = res.Data;
},
//获取教师列表
async getTeacherList() {
let res = await getWebTeacherList(2);
this.teacherList = res.Data.map((item) => {
item.showDetail = false;
return item;
});
},
}, },
//获取教师列表 mounted() {
async getTeacherList() { this.menuList = JSON.parse(localStorage.getItem("menuList"));
let res = await getWebTeacherList(2); this.getWebNavList();
this.teacherList = res.Data.map((item) => { this.getStudyAbroadList();
item.showDetail = false; this.getTeacherList();
return item;
});
}, },
}, };
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNavList();
this.getStudyAbroadList();
this.getTeacherList();
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.jiahe { .jiahe {
background-color: #f6f6f6; background-color: #f6f6f6;
}
.studyProduct {
width: 62.5vw;
margin: 0 auto;
.title {
font-size: 1.5625vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
line-height: 1.5625vw;
text-align: center;
margin-top: 5.208vw;
margin-bottom: 1.041vw;
} }
.subTitle {
text-align: center; .studyProduct {
font-size: 0.833vw; width: 62.5vw;
font-family: Microsoft YaHei; margin: 0 auto;
font-weight: 400;
color: #888888; .title {
line-height: 1.5625vw; font-size: 1.5625vw;
margin-bottom: 2.833vw; // font-family: Microsoft YaHei;
} // font-weight: bold;
.studyProductBox { font-family: "pingfang-b" !important;
display: flex; color: #111111;
justify-content: space-between; line-height: 1.5625vw;
height: 27.395vw; text-align: center;
margin-bottom: 5.208vw; margin-top: 5.208vw;
.left { margin-bottom: 1.041vw;
width: 18.125vw; }
height: 100%;
.name { .subTitle {
font-size: 1.25vw; text-align: center;
font-family: "pingfang-b" !important; font-size: 0.833vw;
color: #111111; font-family: Microsoft YaHei;
line-height: 1.5625vw; font-weight: 400;
} color: #888888;
.line { line-height: 1.5625vw;
width: 5.208vw; margin-bottom: 2.833vw;
height: 1px; }
background-color: #45766d;
margin: 1.5625vw 0; .studyProductBox {
display: flex;
justify-content: space-between;
height: 27.395vw;
margin-bottom: 5.208vw;
.left {
width: 18.125vw;
height: 100%;
.name {
font-size: 1.25vw;
font-family: "pingfang-b" !important;
color: #111111;
line-height: 1.5625vw;
}
.line {
width: 5.208vw;
height: 1px;
background-color: #45766d;
margin: 1.5625vw 0;
}
.desc {
width: 100%;
max-height: 20.104vw;
overflow-y: auto;
font-size: 0.729vw;
color: #111111;
line-height: 1.875vw;
}
} }
.desc {
width: 100%; .right {
max-height: 20.104vw; width: 41.145vw;
overflow-y: auto; height: 100%;
font-size: 0.729vw; background-color: #333;
color: #111111;
line-height: 1.875vw;
} }
} }
.right {
width: 41.145vw;
height: 100%;
background-color: #333;
}
} }
}
</style> </style>
\ No newline at end of file
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