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