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