Skip to content

P
project-www-h5
提交 95bd18c2 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

update

上级 17286add
隐藏空白字符变更
内嵌 并排
正在显示 包含 387 行增加 和 292 行删除
components/ApplyForm.vue
浏览文件 @ 95bd18c2
...@@ -38,6 +38,7 @@ export default { ...@@ -38,6 +38,7 @@ export default {
return { return {
ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 }, ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 },
projectList: [ projectList: [
{ label: '综合管理方向工商管理硕士', value: '1012' },
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' }, { label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: '金融硕士', value: '1001' }, { label: '金融硕士', value: '1001' },
......
components/Footer.vue
浏览文件 @ 95bd18c2
...@@ -6,12 +6,19 @@ ...@@ -6,12 +6,19 @@
<p>联系电话：010-62793299</p> <p>联系电话：010-62793299</p>
<p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p> <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
</div> </div>
<dl>
<dt>关联企业：</dt>
<dd>
<p>清控紫荆（广东）教育科技有限公司</p>
<p>清控紫荆（北京）人力资源服务有限公司</p>
</dd>
</dl>
<div class="link"> <div class="link">
<template v-for="(item, index) in link"> <template v-for="(item, index) in link">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a> <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template> </template>
</div> </div>
<div class="friendlink"> <div class="friendlink" v-if="false">
友情链接： 友情链接：
<template v-for="(item, index) in link2"> <template v-for="(item, index) in link2">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a> <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
...@@ -31,9 +38,8 @@ export default { ...@@ -31,9 +38,8 @@ export default {
data() { data() {
return { return {
link: [ link: [
{ title: '教育部涉外监管网', href: 'http://www.pbc.gov.cn/' }, { title: '教育涉外监管信息网', href: 'http://www.pbc.gov.cn/' },
{ title: '五道口官网', href: 'http://www.pbc.gov.cn/' }, { title: '清华大学五道口金融学院', href: 'http://www.pbc.gov.cn/' }
{ title: '合作大学官网', href: 'http://www.pbc.gov.cn/' }
], ],
link2: [ link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' }, { title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
...@@ -92,5 +98,13 @@ export default { ...@@ -92,5 +98,13 @@ export default {
vertical-align: middle; vertical-align: middle;
} }
} }
dl {
display: flex;
margin-top: 10px;
font-size: 0.11rem;
p + p {
margin-top: 10px;
}
}
} }
</style> </style>
components/Menu.vue
浏览文件 @ 95bd18c2
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
{ {
name: '学位教育', name: '学位教育',
children: [ children: [
{ name: '本科', children: [{ name: '海外留学SHMS', onClick: this.showTips }] }, { name: '本科', children: [{ name: '海外留学SHMS（即将推出）', onClick: this.showTips }] },
{ {
name: '硕士', name: '硕士',
children: [ children: [
...@@ -38,9 +38,9 @@ export default { ...@@ -38,9 +38,9 @@ export default {
{ {
name: 'MBA', name: 'MBA',
children: [ children: [
{ name: '通用MBA', onClick: this.showTips }, { name: '综合管理方向MBA', href: 'https://marywood.ezijing.com' },
{ name: '金融MBA', href: 'https://sofia.ezijing.com' }, { name: '金融方向MBA', href: 'https://sofia.ezijing.com' },
{ name: '酒店与旅游工商管理MBA', href: 'https://shms.ezijing.com' } { name: '酒店和旅游方向MBA', href: 'https://shms.ezijing.com' }
] ]
}, },
{ {
...@@ -58,10 +58,10 @@ export default { ...@@ -58,10 +58,10 @@ export default {
{ {
name: '1+x', name: '1+x',
children: [ children: [
{ name: '金融产品数字化营销证书', href: 'https://x.ezijing.com' }, { name: '金融产品数字化营销证书', href: 'https://x.ezijing.com' }
{ name: '数字金融客户服务证书', onClick: this.showTips }, // { name: '数字金融客户服务证书', onClick: this.showTips },
{ name: '酒店及旅游业的数字化营销证书', onClick: this.showTips }, // { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
{ name: '青少年儿童心理以及行为指导证书', onClick: this.showTips } // { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
] ]
}, },
{ name: '专业共建', path: '/services/major' }, { name: '专业共建', path: '/services/major' },
...@@ -71,9 +71,9 @@ export default { ...@@ -71,9 +71,9 @@ export default {
{ {
name: '在线教育解决方案', name: '在线教育解决方案',
children: [ children: [
{ name: '产品技术', onClick: this.showTips }, { name: '产品技术（即将推出）', onClick: this.showTips },
{ name: '技术支持', onClick: this.showTips }, { name: '技术支持（即将推出）', onClick: this.showTips },
{ name: '联合运营', onClick: this.showTips } { name: '联合运营（即将推出）', onClick: this.showTips }
] ]
} }
] ]
...@@ -81,8 +81,8 @@ export default { ...@@ -81,8 +81,8 @@ export default {
{ {
name: '校友会', name: '校友会',
children: [ children: [
{ name: '校友会', path: '/alumnus' }, { name: '校友会', path: '/alumnus' }
{ name: '校友风采', path: '/alumnus/style' } // { name: '校友风采', path: '/alumnus/style' }
] ]
}, },
{ {
......
components/alumnus/TabNav.vue
浏览文件 @ 95bd18c2
...@@ -9,8 +9,8 @@ export default { ...@@ -9,8 +9,8 @@ export default {
data() { data() {
return { return {
list: [ list: [
{ name: '校友会', path: '/alumnus', value: '1' }, { name: '校友会', path: '/alumnus', value: '1' }
{ name: '校友风采', path: '/alumnus/style', value: '2' } // { name: '校友风采', path: '/alumnus/style', value: '2' }
] ]
} }
} }
......
components/home/Class.vue
浏览文件 @ 95bd18c2
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
}, },
async fetch() { async fetch() {
const params = { const params = {
project_id: process.env.projectId, type_tag: 'article_publish_class', page: 1, limit: 4 project_id: process.env.projectId, type_tag: 'article_publish_class', page: 1, limit: 2
} }
await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => { await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.data = res.data.data || [] this.data = res.data.data || []
......
components/home/Degree.vue
浏览文件 @ 95bd18c2
...@@ -32,7 +32,7 @@ export default { ...@@ -32,7 +32,7 @@ export default {
components: { AppLink }, components: { AppLink },
data() { data() {
return { return {
indexActive: 0, indexActive: 1,
data: [ data: [
{ {
name: '本科', name: '本科',
...@@ -40,7 +40,7 @@ export default { ...@@ -40,7 +40,7 @@ export default {
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
text: '海外留学<br />SHMS', text: '海外留学<br />SHMS<br/>（即将推出）',
onClick: this.showTips onClick: this.showTips
} }
] ]
...@@ -80,8 +80,8 @@ export default { ...@@ -80,8 +80,8 @@ export default {
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.png',
text: '通用MBA', text: '综合管理方向MBA',
onClick: this.showTips href: 'https://marywood.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png',
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.png',
text: '酒店与旅游工商<br/>管理MBA', text: '酒店和旅游方向MBA',
href: 'https://shms.ezijing.com' href: 'https://shms.ezijing.com'
} }
] ]
......
pages/about/contact.vue
浏览文件 @ 95bd18c2
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
<p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层</p> <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层</p>
<p>联系电话：010-62793299</p> <p>联系电话：010-62793299</p>
<p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p> <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
<p>政企合作：010-62793271</p>
<p>院校合作：010-62790183</p>
</div> </div>
<div class="main-content"> <div class="main-content">
<h1 class="title">关注我们</h1> <h1 class="title">关注我们</h1>
...@@ -17,16 +19,16 @@ ...@@ -17,16 +19,16 @@
<div class="name">紫荆企业微信</div> <div class="name">紫荆企业微信</div>
</li> </li>
<li> <li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/b4de41c51c1a897ee4bca574d7bf0d50.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" />
<div class="name">紫荆官方微博</div> <div class="name">紫荆官方微博</div>
</li> </li>
<li> <li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/85fb47e859d152f1021bc6b94154ce91.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" />
<div class="name">紫荆官方抖音</div> <div class="name">紫荆官方抖音</div>
</li> </li>
<li> <li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/e2ffbf6b9d7fd6fd66d2487e7c33540c.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" />
<div class="name">紫荆小鹅通</div> <div class="name">紫荆公开课</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -74,7 +76,7 @@ export default { ...@@ -74,7 +76,7 @@ export default {
width: 0.65rem; width: 0.65rem;
img { img {
display: block; display: block;
width: 100%; height: 0.65rem;
} }
.name { .name {
margin-top: 0.09rem; margin-top: 0.09rem;
......
pages/about/culture.vue
浏览文件 @ 95bd18c2
...@@ -11,29 +11,41 @@ ...@@ -11,29 +11,41 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<div class="main-content"> <div class="main-content">
<h1 class="title">企业荣誉</h1> <h1 class="title">文化理念</h1>
<ul class="honor"> <div class="item">
<li> <h2>使命</h2>
<img src="https://zws-imgs-pub.ezijing.com/static/public/9f22659632f43c0b1bb93d6adf49bd4c.png" /> <h3>让每个人都有改变的能力</h3>
<p>2015年<br />将五道口金融学院在线教育中心商业化成立清控紫荆教育</p> <p>
</li> 优质教育是一个稀缺资源，优质的教育能够赋予学子优秀的能力。紫荆教育立志于此，整合国际优质教育资源，让每一个愿意奋斗与学习的学子，都能享受到优质教育资源，同时获得优秀的能力。<br />
<li> 让每个人都有改变的能力，作为紫荆教育的使命，立志于通过教育，赋予每一个学子获得改变的力量，通过改变，赢取未来竞争的主动。
<img src="https://zws-imgs-pub.ezijing.com/static/public/48b2ab5dfc414d3f6c8500e8328f6b28.png" /> </p>
<p>2015年9月<br />签约索菲亚大学推出在线MBA学位项目</p> </div>
</li> <div class="item">
<li> <h2>愿景</h2>
<img src="https://zws-imgs-pub.ezijing.com/static/public/a37b13b8fa98ee448850bbb32a5fcd2f.png" /> <h3>成为世界一流的终身教育机构</h3>
<p>行业技术优秀服务商<br />——在线教育资讯网</p> <p>
</li> 紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
<li> 以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
<img src="https://zws-imgs-pub.ezijing.com/static/public/00cdb23e91efa803bb711058e251e962.png" /> </p>
<p>综合实力突出教育集团<br />——中国教育网</p> </div>
</li> <div class="item">
<li> <h2>理念</h2>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5fdb3a042efcb0f8fb0eea8d4376eacc.png" /> <h3>真⼼实意做教育</h3>
<p>年度城市教育行业影响力机构<br />——巨量引擎</p> <p>
</li> 紫荆教育不断完善教学教务服务，严格要求每一个环节，真心实意对待每一个学生。<br />
</ul> 紫荆教育不断增强课程研发、专业师资、技术平台、学术建设等核心能力，以满足院校的教学运营需求，真心实意对待每一所合作院校。<br />
紫荆教育不断加强企业、院校之间的联系，实现科学对接招聘要求，合理进行岗位匹配，最终促进人才资源的合理配置，真心实意对待合作企业。<br />
紫荆教育，是一家真正做教育，给学员、企业、学校提供真正价值的终身教育机构，最终实现学员、院校、企业三方的共同成长。
</p>
</div>
<div class="item">
<h2>价值观</h2>
<h3>诚信务实、开放创新、追求结果</h3>
<p>
紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -74,4 +86,28 @@ export default { ...@@ -74,4 +86,28 @@ export default {
} }
} }
} }
.item {
margin-top: 0.2rem;
margin-bottom: 0.4rem;
h2 {
font-size: 0.2rem;
font-weight: 700;
line-height: 100%;
color: #424242;
}
h3 {
margin-bottom: 0.1rem;
height: 0.46rem;
border-bottom: 1px solid #98002e;
font-size: 0.18rem;
font-weight: normal;
line-height: 0.46rem;
color: #424242;
}
p {
font-size: 0.14rem;
line-height: 0.34rem;
color: #424242;
}
}
</style> </style>
pages/about/introduce.vue
浏览文件 @ 95bd18c2
...@@ -76,17 +76,17 @@ ...@@ -76,17 +76,17 @@
<span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。 <span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。
</div> </div>
<div class="tab-content" v-show="indexActive === 1"> <div class="tab-content" v-show="indexActive === 1">
源自清华 持续投入 <span>50+</span>技术研发团队，<br /><span>1亿+</span>累计研发投入;<br /> 源自清华，持续投入 <span>50+</span>技术研发团队，<br /><span>1亿+</span>累计研发投入;<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线;<br /> <span>500万+</span>总学习人次，<span>24</span>小时在线;<br />
<span>1000+</span>次直播，<span>10000+</span>题库，<br /> <span>1000+</span>次直播，<span>10000+</span>题库;<br />
大数据智能学习分析、作业评判、智能化营销数据分配。 大数据智能学习分析、作业评判、智能化营销数据分配。
</div> </div>
<div class="tab-content" v-show="indexActive === 2"> <div class="tab-content" v-show="indexActive === 2">
<span>WSCUC、AACSB、EQUIS…</span>认证<br /> <span>AACSB、EQUIS、ASCHE、ACE、HLC、WASC</span>等认证;<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队；<br /> <span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队;<br />
<span>40%</span>员工有研究生学历<br /> <span>40%</span>员工有研究生学历;<br />
<span>5</span <span>5</span
>大洲<span>16</span>个国家/地区国际校友网络<br />覆盖全国<span>380+</span>省、市、自治区及行政特区 >大洲<span>16</span>个国家/地区国际校友网络，<br />覆盖全国<span>380+</span>省、市、自治区及行政特区。
</div> </div>
</div> </div>
</div> </div>
......
pages/alumnus/index.vue
浏览文件 @ 95bd18c2
...@@ -18,6 +18,11 @@ ...@@ -18,6 +18,11 @@
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_01.png" /> <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_01.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_02.png" /> <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_02.png" />
<p style="text-align: right">数据截止2020年6月</p> <p style="text-align: right">数据截止2020年6月</p>
<div style="text-align: center">
<h4 style="font-weight: normal; margin-bottom: 10px">关注校友会</h4>
<img src="https://webapp-pub.ezijing.com/www/pc/alum-code.png" style="width: 200px" />
<p>i紫荆校友平台</p>
</div>
</div> </div>
</div> </div>
</div> </div>
......
pages/services/college.vue
浏览文件 @ 95bd18c2
...@@ -3,54 +3,67 @@ ...@@ -3,54 +3,67 @@
<tabs :list="navList" @tabChange="tabChange"></tabs> <tabs :list="navList" @tabChange="tabChange"></tabs>
<template v-if="showModule === 0"> <template v-if="showModule === 0">
<div class="module-1"> <div class="module-1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-1.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-1.png" />
<div class="width-con"> <div class="width-con">
<img style="margin:.26rem 0 .07rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-2.png"> <img
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-3.png"> style="margin: 0.26rem 0 0.07rem"
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-4.png"> src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-2.png"
<img style="width: 1.82rem;margin:.27rem 0 .15rem;" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-text.png" alt=""> />
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-3.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-4.png" />
<img
style="width: 1.82rem; margin: 0.27rem 0 0.15rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-text.png"
alt=""
/>
<div class="layout-con"> <div class="layout-con">
<div class="lay-con__left"> <div class="lay-con__left">
<div class="lay-l__top"> <div class="lay-l__top">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i1.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-i1.png" />
<img class="img-text" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i1-t1.png"> <img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i1-t1.png" />
</div> </div>
<div class="lay-l__bottom"> <div class="lay-l__bottom">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i2.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-i2.png" />
<img class="img-text" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i2-t2.png"> <img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i2-t2.png" />
</div> </div>
</div> </div>
<div class="lay-con__right"> <div class="lay-con__right">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i3.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-i3.png" />
<img class="img-text" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-i3-t3.png"> <img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i3-t3.png" />
</div> </div>
</div> </div>
<img style="margin:.15rem 0 .17rem;" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-5.png"> <img
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-6.png"> style="margin: 0.15rem 0 0.17rem"
<img style="margin:.3rem 0 .4rem;" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-7.png"> src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-5.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-6.png" />
<img style="margin: 0.3rem 0 0.4rem" src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-7.png" />
</div> </div>
</div> </div>
</template> </template>
<template v-if="showModule === 1"> <template v-if="showModule === 1">
<div class="module-2"> <div class="module-2">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-1.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-1.png" />
<div class="width-con"> <div class="width-con">
<img style="margin: .31rem 0 .24rem;" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-2.png"> <img
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-3.png"> style="margin: 0.31rem 0 0.24rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-2.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-3.png" />
<div class="title">目标岗位群</div> <div class="title">目标岗位群</div>
<college-item :data="m2Data"/> <college-item :data="m2Data" />
</div> </div>
</div> </div>
</template> </template>
<template v-if="showModule === 2"> <template v-if="showModule === 2">
<div class="module-3"> <div class="module-3">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-1.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-1.png" />
<div class="width-con"> <div class="width-con">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-2.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-2.png" />
<img style="margin-top:.1rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-3.png"> <img style="margin-top: 0.1rem" src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-3.png" />
<div class="title">目标岗位群</div> <div class="title">目标岗位群</div>
<college-item :data="m3Data1"/> <college-item :data="m3Data1" />
<college-item :data="m3Data2" style="margin:.1rem 0 .2rem"/> <college-item :data="m3Data2" style="margin: 0.1rem 0 0.2rem" />
</div> </div>
</div> </div>
</template> </template>
...@@ -64,74 +77,74 @@ export default { ...@@ -64,74 +77,74 @@ export default {
data() { data() {
return { return {
navList: ['现代产业学院', '数字金融', '国际品牌管理与数字运营'], navList: ['现代产业学院', '数字金融', '国际品牌管理与数字运营'],
showModule: 0, showModule: 0,
m2Data: { m2Data: {
list: [ list: [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l1.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l1.png',
text: '数字化营销' text: '数字化营销'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l2.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l2.png',
text: '数字化运营' text: '数字化运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l3.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l3.png',
text: '智能投顾' text: '智能投顾'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l4.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l4.png',
text: '风险管理' text: '风险管理'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l5.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l5.png',
text: '金融数据分析' text: '金融数据分析'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l6.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l6.png',
text: '财务会计' text: '财务会计'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l7.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l7.png',
text: '金融建模' text: '金融建模'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img2-l8.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l8.png',
text: '投资分析' text: '投资分析'
}, }
] ]
}, },
m3Data1: { m3Data1: {
list: [ list: [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-i1n.png' img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img1-i1n.png'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i2.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i2.png',
text: '文案策划' text: '文案策划'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i3.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i3.png',
text: '营销策划' text: '营销策划'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i4.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i4.png',
text: '渠道管理' text: '渠道管理'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i5.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i5.png',
text: '广告策划' text: '广告策划'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i6.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i6.png',
text: '媒体公共' text: '媒体公共'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i7.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i7.png',
text: '品牌管理运营' text: '品牌管理运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i8.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i8.png',
text: '产品设计' text: '产品设计'
} }
] ]
...@@ -140,26 +153,26 @@ export default { ...@@ -140,26 +153,26 @@ export default {
height: '.98rem', height: '.98rem',
list: [ list: [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img1-i2n.png' img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img1-i2n.png'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i8.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i8.png',
text: '互联网运营' text: '互联网运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i9.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i9.png',
text: '网站运营' text: '网站运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i10.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i10.png',
text: '电商运营' text: '电商运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i11.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i11.png',
text: '新媒体运营' text: '新媒体运营'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/college-img3-i12.png', img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i12.png',
text: '活动策划运营' text: '活动策划运营'
} }
] ]
...@@ -174,68 +187,68 @@ export default { ...@@ -174,68 +187,68 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.width-con{ .width-con {
padding: 0 .17rem; padding: 0 0.17rem;
} }
.module-1{ .module-1 {
.layout-con{ .layout-con {
display: flex; display: flex;
.lay-con__left{ .lay-con__left {
width: 1.25rem; width: 1.25rem;
margin-right: .03rem; margin-right: 0.03rem;
.lay-l__top{ .lay-l__top {
height: .73rem; height: 0.73rem;
position: relative; position: relative;
margin-bottom: .03rem; margin-bottom: 0.03rem;
.img-text{ .img-text {
width: .85rem; width: 0.85rem;
position: absolute; position: absolute;
bottom: .08rem; bottom: 0.08rem;
left: .07rem; left: 0.07rem;
} }
} }
.lay-l__bottom{ .lay-l__bottom {
height: .73rem; height: 0.73rem;
position: relative; position: relative;
.img-text{ .img-text {
width: .6rem; width: 0.6rem;
position: absolute; position: absolute;
bottom: .04rem; bottom: 0.04rem;
left: .07rem; left: 0.07rem;
} }
} }
} }
.lay-con__right{ .lay-con__right {
position: relative; position: relative;
width: 2.15rem; width: 2.15rem;
height: 1.48rem; height: 1.48rem;
.img-text{ .img-text {
width: 1rem; width: 1rem;
position: absolute; position: absolute;
bottom: .08rem; bottom: 0.08rem;
left: .11rem; left: 0.11rem;
} }
} }
} }
} }
.module-2{ .module-2 {
.title{ .title {
margin: .32rem 0 .06rem; margin: 0.32rem 0 0.06rem;
font-size: .14rem; font-size: 0.14rem;
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
} }
} }
.module-3{ .module-3 {
.title{ .title {
font-size: .14rem; font-size: 0.14rem;
color: #424242; color: #424242;
line-height: 100%; line-height: 100%;
margin: .3rem 0 .1rem; margin: 0.3rem 0 0.1rem;
} }
} }
</style> </style>
\ No newline at end of file
pages/services/employment.vue
浏览文件 @ 95bd18c2
<template> <template>
<div> <div>
<img style="margin-top: .14rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/emp-img-1.png"> <img style="margin-top: 0.14rem" src="https://webapp-pub.ezijing.com/www/h5/images/emp-img-1.png" />
<div class="width-con"> <div class="width-con">
<img style="margin:.3rem 0 .2rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/emp-img-2.png"> <img style="margin: 0.3rem 0 0.2rem" src="https://webapp-pub.ezijing.com/www/h5/images/emp-img-2.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/emp-img-3.png"> <img src="https://webapp-pub.ezijing.com/www/h5/images/emp-img-3.png" />
<img style="margin:0.3rem 0" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/emp-img-4.png"> <img style="margin: 0.3rem 0" src="https://webapp-pub.ezijing.com/www/h5/images/emp-img-4.png" />
</div> </div>
</div> </div>
</template> </template>
...@@ -16,11 +16,11 @@ export default { ...@@ -16,11 +16,11 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.width-con{ .width-con {
padding: 0 .17rem; padding: 0 0.17rem;
} }
</style> </style>
pages/services/job.vue
浏览文件 @ 95bd18c2
<template> <template>
<div> <div>
<img style="margin-top: .14rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/job-img1-1.png"> <img style="margin-top: 0.14rem" src="https://webapp-pub.ezijing.com/www/h5/images/job-img1-1.png" />
<div class="width-con"> <div class="width-con">
<img style="margin:.25rem 0 .08rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/job-img1-2.png"> <img style="margin: 0.25rem 0 0.08rem" src="https://webapp-pub.ezijing.com/www/h5/images/job-img1-2.png" />
<img style="margin:0 0 .2rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/job-img1-3.png"> <img style="margin: 0 0 0.2rem" src="https://webapp-pub.ezijing.com/www/h5/images/job-img1-3.png" />
</div> </div>
</div> </div>
</template> </template>
...@@ -15,11 +15,11 @@ export default { ...@@ -15,11 +15,11 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.width-con{ .width-con {
padding: 0 .17rem; padding: 0 0.17rem;
} }
</style> </style>
pages/services/major.vue
浏览文件 @ 95bd18c2
...@@ -3,30 +3,30 @@ ...@@ -3,30 +3,30 @@
<tabs :list="navList" @tabChange="tabChange"></tabs> <tabs :list="navList" @tabChange="tabChange"></tabs>
<template v-if="showModule === 0"> <template v-if="showModule === 0">
<div class="module-1"> <div class="module-1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img1.png" alt="" />
<img class="img2" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2.png" alt=""> <img class="img2" src="https://webapp-pub.ezijing.com/www/h5/images/major-img2.png" alt="" />
</div> </div>
</template> </template>
<template v-if="showModule === 1"> <template v-if="showModule === 1">
<div class="module-2"> <div class="module-2">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-1.png" alt="" />
<div class="img-content"> <div class="img-content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-2.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-2.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-3.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-3.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-4.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-4.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-5.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-5.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img2-6.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img2-6.png" alt="" />
</div> </div>
</div> </div>
</template> </template>
<template v-if="showModule === 2"> <template v-if="showModule === 2">
<div class="module-3"> <div class="module-3">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-1.png" alt="" />
<div class="img-content"> <div class="img-content">
<img class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-2.png" alt=""> <img class="img" src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-2.png" alt="" />
<ul class="item-list"> <ul class="item-list">
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-i1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-i1.png" alt="" />
<div class="content"> <div class="content">
<div class="title">线上课程研发</div> <div class="title">线上课程研发</div>
<div class="p">课程内容设置</div> <div class="p">课程内容设置</div>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-i2.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-i2.png" alt="" />
<div class="content"> <div class="content">
<div class="title">课程制作</div> <div class="title">课程制作</div>
<div class="p-con"> <div class="p-con">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-i3.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-i3.png" alt="" />
<div class="content"> <div class="content">
<div class="title">线下课程开发</div> <div class="title">线下课程开发</div>
<div class="p-con"> <div class="p-con">
...@@ -64,16 +64,16 @@ ...@@ -64,16 +64,16 @@
</div> </div>
</li> </li>
</ul> </ul>
<img style="margin-top:.2rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img3-3.png" alt=""> <img style="margin-top: 0.2rem" src="https://webapp-pub.ezijing.com/www/h5/images/major-img3-3.png" alt="" />
</div> </div>
</div> </div>
</template> </template>
<template v-if="showModule === 3"> <template v-if="showModule === 3">
<div class="module-4"> <div class="module-4">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img4-1.png" alt="" />
<div class="img-con"> <div class="img-con">
<img class="img2" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-2.png" alt=""> <img class="img2" src="https://webapp-pub.ezijing.com/www/h5/images/major-img4-2.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-3.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img4-3.png" alt="" />
</div> </div>
<ul class="list"> <ul class="list">
<li <li
...@@ -87,7 +87,11 @@ ...@@ -87,7 +87,11 @@
</li> </li>
</ul> </ul>
<div class="img-con"> <div class="img-con">
<img style="margin:.27rem 0 .12rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-4.png" alt=""> <img
style="margin: 0.27rem 0 0.12rem"
src="https://webapp-pub.ezijing.com/www/h5/images/major-img4-4.png"
alt=""
/>
</div> </div>
<swiper ref="mySwiper" :options="swiperOptions" class="my-swiper"> <swiper ref="mySwiper" :options="swiperOptions" class="my-swiper">
<template v-for="(item, index) in m4Swiper"> <template v-for="(item, index) in m4Swiper">
...@@ -100,37 +104,41 @@ ...@@ -100,37 +104,41 @@
</template> </template>
<template v-if="showModule === 4"> <template v-if="showModule === 4">
<div class="module-5"> <div class="module-5">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img5-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img5-1.png" alt="" />
<div class="title">整体模式</div> <div class="title">整体模式</div>
<div class="whit-con"> <div class="whit-con">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img5-2.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img5-2.png" alt="" />
</div> </div>
<img class="img3" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img5-3.png" alt=""> <img class="img3" src="https://webapp-pub.ezijing.com/www/h5/images/major-img5-3.png" alt="" />
</div> </div>
</template> </template>
<template v-if="showModule === 5"> <template v-if="showModule === 5">
<div class="module-6"> <div class="module-6">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-1.png" alt="" />
<div class="img-con"> <div class="img-con">
<img style="margin: .08rem 0 .2rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-2.png" alt=""> <img
<major-tab :data="m5Data"/> style="margin: 0.08rem 0 0.2rem"
src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-2.png"
alt=""
/>
<major-tab :data="m5Data" />
</div> </div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-3.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-3.png" alt="" />
<div class="img-con"> <div class="img-con">
<img style="margin-top: .3rem" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-4.png" alt=""> <img style="margin-top: 0.3rem" src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-4.png" alt="" />
</div> </div>
<div class="title">实施流程</div> <div class="title">实施流程</div>
<div class="icon__all"> <div class="icon__all">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-a1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-a1.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-a2.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-a2.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-a3.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-a3.png" alt="" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img6-a4.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img6-a4.png" alt="" />
</div> </div>
</div> </div>
</template> </template>
<template v-if="showModule === 6"> <template v-if="showModule === 6">
<div class="module-7"> <div class="module-7">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img7-1.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/h5/images/major-img7-1.png" alt="" />
<div class="project-con"> <div class="project-con">
<div class="title">项目目标</div> <div class="title">项目目标</div>
<ul> <ul>
...@@ -140,8 +148,8 @@ ...@@ -140,8 +148,8 @@
</li> </li>
</ul> </ul>
</div> </div>
<img class="img2" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img7-2.png" alt=""> <img class="img2" src="https://webapp-pub.ezijing.com/www/h5/images/major-img7-2.png" alt="" />
<img class="img3" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img7-3.png" alt=""> <img class="img3" src="https://webapp-pub.ezijing.com/www/h5/images/major-img7-3.png" alt="" />
</div> </div>
</template> </template>
</div> </div>
...@@ -162,19 +170,36 @@ export default { ...@@ -162,19 +170,36 @@ export default {
spaceBetween: 10 spaceBetween: 10
}, },
m4Index: 0, m4Index: 0,
module4List: ['课程教学需要的教学实训实习基地', '专业教学需要的生产实训实习基地', '引产入校实训实习基地', '其他短期、分散的实训实习单位（点）'], module4List: [
'课程教学需要的教学实训实习基地',
'专业教学需要的生产实训实习基地',
'引产入校实训实习基地',
'其他短期、分散的实训实习单位（点）'
],
showModule: 0, showModule: 0,
navList: ['专业顶层设计', '师资培训', '课程资源建设', '实训基地建设', '实训平台建设', '引产入校', '专业+创新创业'], navList: [
'专业顶层设计',
'师资培训',
'课程资源建设',
'实训基地建设',
'实训平台建设',
'引产入校',
'专业+创新创业'
],
m4Swiper: [ m4Swiper: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-i1.png', 'https://webapp-pub.ezijing.com/www/h5/images/major-img4-i1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-i2.png', 'https://webapp-pub.ezijing.com/www/h5/images/major-img4-i2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-i3.png', 'https://webapp-pub.ezijing.com/www/h5/images/major-img4-i3.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-i4.png', 'https://webapp-pub.ezijing.com/www/h5/images/major-img4-i4.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/major-img4-i5.png', 'https://webapp-pub.ezijing.com/www/h5/images/major-img4-i5.png'
], ],
m5Data: { m5Data: {
tab: ['就业导向的理论学习', '项目驱动职业技能提升', '硬核就业竞争力'], tab: ['就业导向的理论学习', '项目驱动职业技能提升', '硬核就业竞争力'],
content: ['通过集中式强化培训和练习，让学生掌握扎实的专业理论基础。', '让学生通过真实的企业项目实战，锻炼实践技能，提升技术应用转化能力。', '通过在真实企业环境工作，融入企业文化，培养学生的综合职业素养。'] content: [
'通过集中式强化培训和练习，让学生掌握扎实的专业理论基础。',
'让学生通过真实的企业项目实战，锻炼实践技能，提升技术应用转化能力。',
'通过在真实企业环境工作，融入企业文化，培养学生的综合职业素养。'
]
}, },
m7Data: [ m7Data: [
['学习创业基础', '激发创业意识和兴趣', '创新创业精神'], ['学习创业基础', '激发创业意识和兴趣', '创新创业精神'],
...@@ -195,77 +220,77 @@ export default { ...@@ -195,77 +220,77 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.module-1{ .module-1 {
.img2{ .img2 {
width: 3.43rem; width: 3.43rem;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
} }
.module-2{ .module-2 {
.img-content{ .img-content {
width: 3.43rem; width: 3.43rem;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
img{ img {
margin-bottom: .1rem; margin-bottom: 0.1rem;
} }
} }
} }
.module-3{ .module-3 {
.img-content{ .img-content {
padding: .2rem .16rem; padding: 0.2rem 0.16rem;
} }
.item-list{ .item-list {
overflow: scroll; overflow: scroll;
display: flex; display: flex;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
display:none display: none;
} }
li{ li {
width: 1.97rem; width: 1.97rem;
margin-right: .1rem; margin-right: 0.1rem;
img{ img {
width: 1.97rem; width: 1.97rem;
height: 2.03rem; height: 2.03rem;
} }
.content{ .content {
width: 1.97rem; width: 1.97rem;
height: 1.35rem; height: 1.35rem;
background: #fff; background: #fff;
.title{ .title {
padding-top: .15rem; padding-top: 0.15rem;
text-align: center; text-align: center;
font-size: .14rem; font-size: 0.14rem;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
margin-bottom: .12rem; margin-bottom: 0.12rem;
} }
.p{ .p {
font-size: .13rem; font-size: 0.13rem;
line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
margin-bottom: .1rem; margin-bottom: 0.1rem;
text-align: center; text-align: center;
} }
.p-con{ .p-con {
display: flex; display: flex;
width: 1.26rem; width: 1.26rem;
margin: 0 auto; margin: 0 auto;
padding-bottom: .1rem; padding-bottom: 0.1rem;
justify-content: space-between; justify-content: space-between;
span{ span {
font-size: .13rem; font-size: 0.13rem;
line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
} }
} }
.dec{ .dec {
font-size: .12rem; font-size: 0.12rem;
line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
width: 1.7rem; width: 1.7rem;
...@@ -275,9 +300,9 @@ img{ ...@@ -275,9 +300,9 @@ img{
} }
} }
} }
.module-4{ .module-4 {
.my-swiper { .my-swiper {
margin-bottom: .2rem; margin-bottom: 0.2rem;
::v-deep .swiper-wrapper { ::v-deep .swiper-wrapper {
align-items: center; align-items: center;
} }
...@@ -291,126 +316,126 @@ img{ ...@@ -291,126 +316,126 @@ img{
height: 1.34rem; height: 1.34rem;
} }
} }
.img-con{ .img-con {
padding: 0 .17rem; padding: 0 0.17rem;
} }
.img2{ .img2 {
width: 2.3rem; width: 2.3rem;
margin: .3rem 0; margin: 0.3rem 0;
} }
.list{ .list {
width: 3.08rem; width: 3.08rem;
margin-left: .28rem; margin-left: 0.28rem;
li{ li {
height: .55rem; height: 0.55rem;
background: #FBFBFB; background: #fbfbfb;
display: flex; display: flex;
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: .1rem; margin-bottom: 0.1rem;
&.active{ &.active {
background: #FFFFFF; background: #ffffff;
box-shadow: 0px .05rem .12rem rgba(0, 0, 0, 0.06); box-shadow: 0px 0.05rem 0.12rem rgba(0, 0, 0, 0.06);
} }
.num{ .num {
width: .35rem; width: 0.35rem;
height: .35rem; height: 0.35rem;
background: #AA1941; background: #aa1941;
text-align: center; text-align: center;
line-height: .35rem; line-height: 0.35rem;
font-size: .17rem; font-size: 0.17rem;
color: #FFFFFF; color: #ffffff;
margin-left: .1rem; margin-left: 0.1rem;
margin-right: .13rem; margin-right: 0.13rem;
} }
.text{ .text {
font-size: .12rem; font-size: 0.12rem;
color: #424242; color: #424242;
} }
} }
} }
} }
.module-5{ .module-5 {
.title{ .title {
font-size: .14rem; font-size: 0.14rem;
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
margin: .3rem 0 .12rem .16rem; margin: 0.3rem 0 0.12rem 0.16rem;
} }
.whit-con{ .whit-con {
padding: .14rem; padding: 0.14rem;
background: #fff; background: #fff;
} }
.img3{ .img3 {
width: 2.56rem; width: 2.56rem;
margin: .3rem 0 .25rem .17rem; margin: 0.3rem 0 0.25rem 0.17rem;
} }
} }
.module-6{ .module-6 {
.img-con{ .img-con {
padding: .17rem; padding: 0.17rem;
} }
.title{ .title {
padding: 0 .17rem; padding: 0 0.17rem;
margin: .3rem 0 .2rem; margin: 0.3rem 0 0.2rem;
font-size: .14rem; font-size: 0.14rem;
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
} }
.icon__all{ .icon__all {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-bottom: .2rem; padding-bottom: 0.2rem;
img{ img {
width: .85rem; width: 0.85rem;
} }
} }
} }
.module-7{ .module-7 {
.project-con{ .project-con {
padding: 0 .17rem; padding: 0 0.17rem;
.title{ .title {
margin: .08rem 0 .16rem; margin: 0.08rem 0 0.16rem;
font-size: .14rem; font-size: 0.14rem;
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
} }
ul{ ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
li{ li {
width: 1.65rem; width: 1.65rem;
height: 1.37rem; height: 1.37rem;
box-sizing: border-box; box-sizing: border-box;
padding: .17rem; padding: 0.17rem;
background: #FBFBFB; background: #fbfbfb;
margin: 0 .1rem .1rem 0; margin: 0 0.1rem 0.1rem 0;
&:nth-child(even){ &:nth-child(even) {
margin-right: 0; margin-right: 0;
} }
.num{ .num {
font-size: .2rem; font-size: 0.2rem;
line-height: 100%; line-height: 100%;
color: #AA1941; color: #aa1941;
margin-bottom: .12rem; margin-bottom: 0.12rem;
} }
.p{ .p {
line-height: 100%; line-height: 100%;
font-size: .11rem; font-size: 0.11rem;
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
margin-bottom: .08rem; margin-bottom: 0.08rem;
} }
} }
} }
} }
.img2{ .img2 {
width: 2.82rem; width: 2.82rem;
margin: .13rem auto .25rem auto; margin: 0.13rem auto 0.25rem auto;
} }
.img3{ .img3 {
width: 3.42rem; width: 3.42rem;
margin: 0 auto .3rem auto; margin: 0 auto 0.3rem auto;
} }
} }
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论