提交 505dbed3 authored 作者: matian's avatar matian

style:培养目标样式修改

上级 f3dac2b6
...@@ -4,12 +4,12 @@ ...@@ -4,12 +4,12 @@
<div class="outstanding"> <div class="outstanding">
<div class="alumni"> <div class="alumni">
<div class="topic"> <div class="topic">
<h5>{{ $t('outstanding.title') }}</h5> <h5>{{ $t("outstanding.title") }}</h5>
<p> <p>
{{ $t('outstanding.content') }} {{ $t("outstanding.content") }}
</p> </p>
</div> </div>
<h5>{{ $t('outstanding.title1') }}</h5> <h5>{{ $t("outstanding.title1") }}</h5>
<ul class="card-list"> <ul class="card-list">
<li v-for="(item, index) in alumniList" :key="index"> <li v-for="(item, index) in alumniList" :key="index">
<div class="avatar"> <div class="avatar">
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<h5>{{ $t('outstanding.title2') }}</h5> <h5>{{ $t("outstanding.title2") }}</h5>
<ul class="card-list"> <ul class="card-list">
<li v-for="item in studentList" :key="item.name"> <li v-for="item in studentList" :key="item.name">
<div class="avatar"> <div class="avatar">
...@@ -40,117 +40,171 @@ ...@@ -40,117 +40,171 @@
</div> </div>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from "@/components/appFrame";
export default { export default {
layout: 'normal', layout: "normal",
components: { components: {
appFrame appFrame,
}, },
data() { data() {
return { return {
alumniList: [ alumniList: [
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc1.jpg', avatar:
name: 'Daniel Aylmer', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc1.jpg",
post: ['首席运营官', '洲际酒店集团大中华区', 'César Ritz 1995届毕业生'] name: "Daniel Aylmer",
post: [
"首席运营官",
"洲际酒店集团大中华区",
"César Ritz 1995届毕业生",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc2.jpg', avatar:
name: 'Tuomas Laakso', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc2.jpg",
post: ['欧洲发展部主管', '万豪国际酒店,丽思卡尔顿酒店', '瑞士 苏黎世', 'César Ritz 1997届毕业生'] name: "Tuomas Laakso",
post: [
"欧洲发展部主管",
"万豪国际酒店,丽思卡尔顿酒店",
"瑞士 苏黎世",
"César Ritz 1997届毕业生",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc3.jpg', avatar:
name: 'Edward Chan', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc3.jpg",
post: ['高级副总裁', '亚太区首席发展官', 'Hard Rock 硬石有限公司', 'César Ritz 1987届毕业生'] name: "Edward Chan",
post: [
"高级副总裁",
"亚太区首席发展官",
"Hard Rock 硬石有限公司",
"César Ritz 1987届毕业生",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc4.jpg', avatar:
name: 'Michael Smithuis', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc4.jpg",
post: ['总经理', '费尔蒙酒店集团蒙特勒宫', '瑞士 蒙特勒', 'HTTl 1990届毕业生'] name: "Michael Smithuis",
post: [
"总经理",
"费尔蒙酒店集团蒙特勒宫",
"瑞士 蒙特勒",
"HTTl 1990届毕业生",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/caas/alumni-jc5.png', avatar: "https://webapp-pub.ezijing.com/project/caas/alumni-jc5.png",
name: 'Ryan Zimmer', name: "Ryan Zimmer",
post: ['行政主厨', '马可波罗香港酒店 ', '中国 香港', 'CAAS 2002届校友'] post: [
"行政主厨",
"马可波罗香港酒店 ",
"中国 香港",
"CAAS 2002届校友",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc6.jpg', avatar:
name: 'Teik Kong Chong', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc6.jpg",
post: ['AVP,F&B,North China', '香格里拉酒店集团', 'César Ritz 1987届毕业生'] name: "Teik Kong Chong",
} post: [
"AVP,F&B,North China",
"香格里拉酒店集团",
"César Ritz 1987届毕业生",
],
},
], ],
studentList: [ studentList: [
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc7.jpg', avatar:
name: '沈冬梅', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc7.jpg",
education: ['中国电信怡沁园度假村', '常务副总经理', 'SHMS MBA 2021春季班'] name: "沈冬梅",
education: [
"中国电信怡沁园度假村",
"常务副总经理",
"SHMS MBA 2021春季班",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc8.jpg', avatar:
name: '路瑶', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc8.jpg",
education: ['华为集团安朴酒店管理公司', '副总经理', 'SHMS MBA 2020冬季班'] name: "路瑶",
education: [
"华为集团安朴酒店管理公司",
"副总经理",
"SHMS MBA 2020冬季班",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc9.jpg', avatar:
name: '凌云', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc9.jpg",
education: ['东呈国际集团', '集团副总裁', 'SHMS MBA 2021春季班'] name: "凌云",
education: ["东呈国际集团", "集团副总裁", "SHMS MBA 2021春季班"],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc10.jpg', avatar:
name: '宗锴', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc10.jpg",
education: ['国资委甘肃文旅酒店', '管理有限公司', '常务副总经理', 'SHMS MBA 2021春季班'] name: "宗锴",
education: [
"国资委甘肃文旅酒店",
"管理有限公司",
"常务副总经理",
"SHMS MBA 2021春季班",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc11.jpg', avatar:
name: '王诤言', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc11.jpg",
education: ['三亚海棠湾天房洲际度假', '酒店总经理', 'SHMS MBA 2021春季班'] name: "王诤言",
education: [
"三亚海棠湾天房洲际度假",
"酒店总经理",
"SHMS MBA 2021春季班",
],
}, },
{ {
avatar: 'https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc12.jpg', avatar:
name: 'LEOW KHUN WEI', "https://webapp-pub.ezijing.com/project/seg-shms/alumni-jc12.jpg",
education: ['兰州凯悦酒店', '总经理', 'SHMS MBA 2021春季班'] name: "LEOW KHUN WEI",
} education: ["兰州凯悦酒店", "总经理", "SHMS MBA 2021春季班"],
},
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/alumni-outstanding_banner.png', banner:
"https://webapp-pub.ezijing.com/project/caas/alumni-outstanding_banner.png",
slider: [ slider: [
{ {
name: this.$t('menu.alumniChild.outstanding'), name: this.$t("menu.alumniChild.outstanding"),
path: '/alumni/outstanding' path: "/alumni/outstanding",
}, },
{ {
name: this.$t('menu.alumniChild.share'), name: this.$t("menu.alumniChild.share"),
path: '/alumni/sharing' path: "/alumni/sharing",
} },
] ],
} },
} };
}, },
computed: { computed: {
isMobile() { isMobile() {
return this.$store.state.isMobile return this.$store.state.isMobile;
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.topic { .topic {
margin-bottom: 40px; margin-bottom: 40px;
} }
.is-pc { .is-pc {
.alumni { .alumni {
padding: 30px 74px; padding: 30px 74px;
p { p {
// margin-top: 22px; // margin-top: 22px;
font-size: 16px; font-size: 16px;
line-height: 34px; line-height: 34px;
color: #424424; color: #424424;
}
}
h5 { h5 {
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
...@@ -223,12 +277,11 @@ export default { ...@@ -223,12 +277,11 @@ export default {
.is-h5 { .is-h5 {
.alumni { .alumni {
padding: 0 0.16rem 0.35rem; padding: 0 0.16rem 0.35rem;
p { p {
font-size: 0.12rem; font-size: 0.12rem;
line-height: 0.24rem; line-height: 0.24rem;
color: #424242; color: #424242;
// padding-top: 0.14rem; }
}
h5 { h5 {
font-size: 0.14rem; font-size: 0.14rem;
font-weight: 700; font-weight: 700;
......
...@@ -169,6 +169,7 @@ export default { ...@@ -169,6 +169,7 @@ export default {
padding-bottom: 106px; padding-bottom: 106px;
.text-content { .text-content {
padding-left: 87px; padding-left: 87px;
padding-right: 87px;
.title { .title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论