提交 912fda00 authored 作者: matian's avatar matian

代码更新

上级 067762d0
<template>
<div class="banner-content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/banner.png" alt="" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/project-intro/introduce')">项目介绍</el-button>
<el-button class="btn1" @click="showApplyForm">报名申请</el-button>
</div>
<!-- <consultingForm :visible.sync="popupVisible" /> -->
</div>
</template>
<script>
// import consultingForm from '../consultingForm.vue'
export default {
props: {
popupVisible: {
default: false,
type: Boolean
}
},
components: {
// consultingForm
},
methods: {
showApplyForm() {
console.log('-----')
this.popupVisible = true
}
}
}
</script>
<style lang="scss" scoped>
.banner-content {
position: relative;
width: 100%;
img {
width: 100%;
height: 100%;
z-index: 1000;
}
.btn {
position: absolute;
top: 461px;
left: 850px;
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
</style>
......@@ -11,11 +11,6 @@
</ul>
</card>
</div>
<!-- <img
style="padding:56px 0 30px;position: relative;width: 1200px;margin: 0 auto;"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/school.png"
alt=""
/> -->
</div>
</template>
<script>
......@@ -34,28 +29,28 @@ export default {
},
data: [
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img12.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img11.png',
icon: 'https://webapp-pub.ezijing.com/project/marywood/img12.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img11.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT5')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img22.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img21.png',
icon: 'https://webapp-pub.ezijing.com/project/marywood/img22.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img21.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT6')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img32.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img31.png',
icon: 'https://webapp-pub.ezijing.com/project/marywood/img32.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img31.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT7')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img42.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img411.png',
icon: 'https://webapp-pub.ezijing.com/project/marywood/img42.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img411.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT8')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img52.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img51.png',
icon: 'https://webapp-pub.ezijing.com/project/marywood/img52.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img51.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT9')
}
]
......
<template>
<div>
<img class="info" v-if="isMobile" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/rzxx-mary.png">
<img class="info" v-if="isMobile" src="https://webapp-pub.ezijing.com/project/marywood/rzxx-mary.png" />
<div v-else class="info-content-box">
<div class="title">
<div class="line"></div>
......@@ -10,9 +10,9 @@
<ul class="content-mian">
<li v-for="(item, index) in data" :key="index">
<div class="logo">
<img :src="item.img" class="img">
<img :src="item.img" class="img" />
</div>
<img :src="item.text" class="text">
<img :src="item.text" class="text" />
</li>
</ul>
</div>
......@@ -25,24 +25,24 @@ export default {
return {
data: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t1.png'
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t2.png'
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t3.png'
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t4.png'
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t5.png'
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t5.png'
}
]
}
......@@ -55,113 +55,112 @@ export default {
}
</script>
<style lang="scss" scoped>
.info{
.info {
width: 100%;
display: block;
}
.info-content-box{
.info-content-box {
min-width: 1200px;
padding-bottom: 150px;
margin-top: 100px;
width: 100%;
background: rgb(163,0,22);
.title{
background: rgb(163, 0, 22);
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 118px 0 119px;
.line{
.line {
width: 369px;
height: 1px;
background: #FFFFFF;
background: #ffffff;
}
.name{
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
}
}
.content-mian{
.content-mian {
width: 1014px;
margin: 0 auto;
display: flex;
li{
li {
width: 190px;
height: 229px;
background: #fff;
border-radius: 20px;
margin-left: 16px;
&:nth-child(1){
&:nth-child(1) {
margin-left: 0;
}
&:nth-child(1){
.img{
&:nth-child(1) {
.img {
width: 81px;
height: 66px;
}
.text{
.text {
width: 148px;
height: 69px;
}
}
&:nth-child(2){
.img{
&:nth-child(2) {
.img {
width: 152px;
height: 61px;
}
.text{
.text {
width: 184px;
height: 69px;
}
}
&:nth-child(3){
.img{
&:nth-child(3) {
.img {
width: 79px;
height: 82px;
}
.text{
.text {
width: 172px;
height: 65px;
}
}
&:nth-child(4){
.img{
&:nth-child(4) {
.img {
width: 72px;
height: 91px;
}
.text{
.text {
width: 166px;
height: 69px;
}
}
&:nth-child(5){
.img{
&:nth-child(5) {
.img {
width: 84px;
height: 84px;
}
.text{
.text {
width: 134px;
height: 67px;
}
}
.logo{
.logo {
height: 91px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 22px;
margin-bottom: 27px;
.img{
.img {
display: block;
}
}
.text{
.text {
display: block;
margin: 0 auto;
}
}
}
......
......@@ -9,11 +9,7 @@
<div class="part_item">
项目采用中英双语授课,学制约16个月。共设有四大模块,分别为语言能力强化课、学术英语课、学术专业课、案例实践课。中方负责1/3的教学内容,美方负责2/3的教学内容。项目采用线上学习和线下面授的教学方式,项目学习结束后,满足毕业条件的学员将获得美国院校予的硕士学位证书,该证书与美国全日制两年就读学生所获得的学位证书具有完全相同的形式和效力。美国高排名优质院校与清华控股旗下紫荆教育紧密携手,依托清华大学五道口金融学院和美国院校优质教学资源,打造高效、高质的国际硕士课程。
</div>
<img
class="part_img"
src="https://webapp-pub.ezijing.com/project/marywood/intro_bottom11.png"
alt=""
/>
<img class="part_img" src="https://webapp-pub.ezijing.com/project/marywood/intro_bottom11.png" alt="" />
</div>
</app-frame>
</template>
......@@ -46,7 +42,6 @@ export default {
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
frameParams: {
// banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/introduce_banner.png',
slider: [
{
name: this.$t('menu.projectChild.bg'),
......
......@@ -36,7 +36,7 @@
</div>
<img
style="margin-top:64px;width:100%;height:100%"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood3611.png"
src="https://webapp-pub.ezijing.com/project/marywood/marywood3611.png"
alt=""
/>
<div class="content">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论