Skip to content

P
project-online-old
提交 7c5addde authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 bdd1976c
隐藏空白字符变更
内嵌 并排
正在显示 包含 517 行增加 和 61 行删除
src/api/info_api.js
浏览文件 @ 7c5addde
......@@ -11,3 +11,5 @@ export default class InfoAPI extends BaseAPI {
headers: { 'Content-Type': 'multipart/form-data' }
})
}
// 数字时代领航人才EMBA
// 工商管理硕士MBA
src/components/formBox.vue
浏览文件 @ 7c5addde
......@@ -2,8 +2,11 @@
<div class="section-form">
<div class="section-form-inner">
<div class="form-box">
<h2>玛丽伍德大学<br />领航数字时代EMBA</h2>
<p>填写姓名 + 手机， 点击报名咨询</p>
<h2>
报名咨询玛丽伍德大学<br />
EMBA与MBA项目
</h2>
<p>填写姓名+手机，选择想报名的项目</p>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item prop="name">
<el-input v-model="ruleForm.name" placeholder="姓名"></el-input>
......@@ -11,6 +14,12 @@
<el-form-item prop="phone">
<el-input v-model="ruleForm.phone" placeholder="手机"></el-input>
</el-form-item>
<el-form-item prop="project_id">
<el-select v-model="ruleForm.project_id" placeholder="请选择">
<el-option label="数字时代领航人才EMBA" :value="1012"></el-option>
<el-option label="工商管理硕士MBA" :value="1026"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" :loading="isLoading" @click="submit">报名咨询</el-button>
</el-form-item>
......@@ -44,7 +53,8 @@ export default {
isLoading: false,
rules: {
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone: [{ required: true, validator: checkPhone, trigger: 'blur' }]
phone: [{ required: true, validator: checkPhone, trigger: 'blur' }],
project_id: [{ required: true, message: '请选择项目', trigger: 'blur' }]
}
}
},
......@@ -71,7 +81,8 @@ export default {
position: relative;
display: flex;
justify-content: center;
height: 554px;
// height: 554px;
padding-bottom: 50px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/form_bg.png) no-repeat center;
background-repeat: no-repeat;
background-size: cover;
......@@ -109,6 +120,7 @@ export default {
width: 100%;
}
::v-deep .el-input__inner {
width: 100%;
background: transparent;
border: 0px;
border-bottom: 1px solid #000;
......@@ -116,6 +128,9 @@ export default {
padding: 0px;
color: #333;
}
::v-deep .el-select{
width: 100%;
}
::v-deep .el-button {
margin-top: 20px;
color: #fff;
......
src/components/layout/footer.vue
浏览文件 @ 7c5addde
......@@ -7,7 +7,7 @@
<span>学校官网</span>
</h4>
<a href="https://www.marywood.edu/" target="_blank">玛丽伍德大学官网</a>
<a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德MBA</a>
<a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德EMBA</a>
</div>
<div class="footer-link">
<h4>
......
src/components/studentActivity.vue 0 → 100644
浏览文件 @ 7c5addde
<template>
<div class="layout_com_page_banner major-kc-wm" :style="{ 'min-height': 789 + 'px' }">
<h3 style="padding-top:30px;">
<span v-m>丰富多彩的学生活动</span>
</h3>
<div class="major-kc-wm-body" @mouseover="mouseOver" @mouseleave="mouseLeave">
<swiper ref="mySwiper" :options="swiperOptions">
<swiper-slide v-for="(item, index) in list" :key="index">
<div>
<!-- <div class="activity-list"> -->
<div class="activity-item">
<div class="title">{{ item.title }}</div>
<img :src="img" v-for="img in item.img" :key="img" />
</div>
<!-- </div> -->
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
</div>
</template>
<script>
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
export default {
components: {
Swiper,
SwiperSlide
},
directives: {
swiper: directive
},
computed: {
swiper() {
return this.$refs.mySwiper.$swiper
}
},
data() {
return {
list: [
{
title: '线下课程',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-3.png'
]
},
{
title: '企业参访',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-3.png'
]
},
{
title: '班级活动',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-3.png'
]
},
{
title: '班级庆典',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-3.png'
]
},
{
title: '赴美毕业游',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-3.png'
]
},
{
title: '毕业典礼',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-3.png'
]
},
{
title: '紫荆校友',
img: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-2.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-3.png'
]
}
],
swiperOptions: {
observer: true,
autoHeight: true,
slidesPerView: 4,
// paginationClickable: true,
spaceBetween: 0,
freeMode: true,
autoplay: {
delay: 2000
},
pagination: {
el: '.swiper-pagination',
clickable: true,
type: 'bullets'
}
}
}
},
methods: {
mouseOver() {
this.swiper.autoplay.stop()
},
mouseLeave() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.major-kc-wm {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
position: relative;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
h3 {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 40px;
color: rgba(255, 255, 255, 1);
span {
position: relative;
&::before {
content: '';
position: absolute;
bottom: -8px;
width: 100%;
height: 3px;
background: #f6a800;
}
}
}
.major-kc-wm-body {
::v-deep .swiper-container {
.swiper-pagination-bullet {
opacity: 1;
background: #fff;
}
.swiper-pagination-bullet-active {
background: rgb(174, 14, 63);
}
}
width: 950px;
display: flex;
justify-content: center;
h3 {
color: #ffffffff;
}
}
}
.swiper-container {
padding-top: 20px;
padding-bottom: 40px;
}
.activity-item {
width: 210px;
.title {
width: 210px;
line-height: 50px;
background: #f6a800;
text-align: center;
font-size: 24px;
color: #fff;
margin-bottom: 20px;
}
img {
margin-bottom: 10px;
}
}
</style>
src/components/teacherInfo.vue
浏览文件 @ 7c5addde
......@@ -121,7 +121,7 @@ export default {
main: [
'中国人民大学商学院',
'杰出教授博士生导师',
'哈佛商学院、法国INSEA',
'哈佛商学院、法国INSEAD',
'美国百森商学院访问学者',
'荷兰马斯特里赫特管理学院',
'工商管理博士'
......
src/pages/major-set/index.vue
浏览文件 @ 7c5addde
......@@ -2,17 +2,130 @@
<div class="layout_com_page">
<section class="home-banner">
<div class="banner-text">
<p>传统的领导者注重于对人员和物理资产的管理</p>
<p>数字领导者将人与数字资产相互赋能倍增效益</p>
<P>传统的EMBA课程体系或许已经不能满足当今数字时代各行各业的发展</P>
<h1>紫荆-玛丽伍德大学领航数字时代EMBA</h1>
<p>系统实用的EMBA课程体系与数字时代碰撞</p>
<p>如果你</p>
<p>想驰骋商企领袖圈，群雄荟萃彰显高层身份</p>
<p>想构建国际化格局，对话中美顶级商学大师</p>
<P>想掌舵数字新纪元，构建高净值商业生态圈</P>
<h1>紫荆-玛丽伍德大学数字时代领航人才EMBA</h1>
<p>塑造具备全球数字化视野的商企领袖</p>
</div>
<el-carousel arrow="never" class="banner-swiper">
<el-carousel-item v-for="item in bannerList" :key="item.src"><img :src="item.src"/></el-carousel-item>
</el-carousel>
</section>
<section class="introduce">
<section class="home-student">
<div class="title">精英学员云集 群雄同学荟萃</div>
<div class="card-list">
<div class="card-item">
<div class="top">
<div class="num">86%</div>
<p>企业中高管学员</p>
<p>占比</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student1.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">10%</div>
<p>硕士、博士学位学员</p>
<p>占比</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student2.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">34</div>
<p>学员来自34个省级</p>
<p>行政区</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student3.png" />
</div>
<div class="card-item">
<div class="top">
<div class="num">10</div>
<p>学员来自10个海外</p>
<p>国家</p>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/student4.png" />
</div>
</div>
<p class="text">
紫荆-玛丽伍德大学项目培养了众多高管学员，他们中有众多成功创业者和企业高管，就职于<span>中化、中冶、中交、中金、阿里、百度</span>等国际知名企业。
</p>
<p class="text" style="margin-top: 20px;">
很多学员曾毕业于<span>清华、北大、人大、复旦、北理工、厦大、浙大、杜克、加州伯克利、纽约大学</span>等国内外著名学府。
</p>
<div class="home-student_tab">
<div class="tab-btn">
<div style="margin: 0 auto;width: 950px; display: flex;">
<div :class="studentTabIndex === 0 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 0">
中美大师课
</div>
<div :class="studentTabIndex === 1 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 1">
线上研讨
</div>
<div :class="studentTabIndex === 2 ? 'active item-btn' : 'item-btn'" @click="studentTabIndex = 2">
线下课堂
</div>
</div>
</div>
<div class="tab-content1" v-if="studentTabIndex === 0">
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-1.png" />
<div class="tag">中文教学 双语环境</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-2.png" />
<div class="tag">中外师资 实时交流</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-3.png" />
<div class="tag">商业视野 格局境界</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-4.png" />
<div class="tag">中西交融 在线互动</div>
</div>
<div class="content1-item m-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-5.png" />
<div class="tag">创新思维 启迪智慧</div>
</div>
<div class="content1-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-1-6.png" />
<div class="tag">精品课程 聚焦前沿</div>
</div>
</div>
<div class="tab-content_it" v-if="studentTabIndex === 1">
<div>
<p>充分开启同学、师生之间的交流探讨，分享各自的商业案例，把脉时代的前沿课题，探索企业数字化转型之路。</p>
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-1.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-2.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-2-3.png" />
</div>
</div>
<div class="tab-content_it" v-if="studentTabIndex === 2">
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-1.png" />
</div>
<div>
<p>丰富的线下互动课程，现场对话名师，建立顶级商业思维，开拓前沿商业视野，探索创新商业模式。</p>
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-2.png" />
</div>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/tab-3-3.png" />
</div>
</div>
</div>
</section>
<!-- <section class="introduce">
<h3>数字时代课题贯穿的<span>教学内容</span></h3>
<h3>从思路到出路，从方法到结果的<span>教学逻辑</span></h3>
<h3 class="line">理论学习、实操训练、案例教学、团队协作等多元化的<span>学习体验</span></h3>
......@@ -20,23 +133,31 @@
项目课程划分为三个模块，遵循商业发展规律，以商业发展为主线，系统科学地把握项目与企业发展中的每个重要环节。
让创业不难，让转型不痛，让方法科学涌现，让执行酣畅到位，让决策有理可依，让管理有的放矢，让结果指日可期。
</p>
</section>
</section> -->
<courseSystem></courseSystem>
<teacherInfo></teacherInfo>
<section class="project-card">
<div class="project-card-item" v-for="(item, index) in list" :key="index">
<div class="project-card-item-header">
<h3>{{ item.name }}</h3>
<section class="project-study">
<div class="subtitle">
<h2>学习相关</h2>
</div>
<div class="project-study-bd">
<div class="project-study-left">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/cert.png" width="500px" />
</div>
<div class="project-card-item-box">
<img :src="item.bg" />
<div class="project-study-right">
<h3>项目学制</h3>
<ul>
<li v-for="(child, index) in item.children" :key="index">{{ child }}</li>
<li><span>16</span>个月</li>
<li>修满<span>36</span>学分</li>
</ul>
<p>
修满全部学分并考核合格后，由玛丽伍德大学授予高级管理人员工商管理硕士（EMBA）证书。
</p>
</div>
</div>
</section>
<section class="activity-list">
<studentActivity></studentActivity>
<!-- <section class="activity-list">
<h1>丰富多彩的学生活动</h1>
<div class="list">
<div class="nav">
......@@ -67,27 +188,21 @@
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/activity11.png" />
</div>
</div>
</section>
<section class="project-study">
<div class="subtitle">
<h2>学习相关</h2>
</div>
<div class="project-study-bd">
<div class="project-study-left">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert.png" width="500px" />
</section> -->
<section class="project-card">
<div class="project-card-item" v-for="(item, index) in list" :key="index">
<div class="project-card-item-header">
<h3>{{ item.name }}</h3>
</div>
<div class="project-study-right">
<h3>项目学制</h3>
<div class="project-card-item-box">
<img :src="item.bg" />
<ul>
<li><span>16</span>个月</li>
<li>修满<span>30</span>学分</li>
<li v-for="(child, index) in item.children" :key="index">{{ child }}</li>
</ul>
<p>
修满全部学分并考核合格后，由玛丽伍德大学授予高级工商管理硕士(EMBA)学位，学位证书与出国留学学习所获得的学位证书相同。
</p>
</div>
</div>
</section>
<FormBox />
</div>
</template>
......@@ -95,25 +210,28 @@
<script>
import courseSystem from '@/components/courseSystem'
import teacherInfo from '@/components/teacherInfo'
import studentActivity from '@/components/studentActivity'
import FormBox from '@/components/formBox'
export default {
name: 'major-set',
components: {
FormBox,
courseSystem,
teacherInfo
teacherInfo,
studentActivity
},
data() {
return {
studentTabIndex: 0,
bannerList: [
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner1.png'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/417/banner-417-1.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner2.png'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/417/banner-417-2.png'
},
{
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/profession_banner3.png'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/417/banner-417-3.png'
}
],
forestIndex: 0,
......@@ -166,9 +284,9 @@ export default {
name: '招生对象',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_01.png',
children: [
'不断超越自我，对个人职业发展有追求的职场人',
'希望收获商业伙伴，共话未来商业发展机会的管理者',
'持续企业创新，让企业持续在行业领跑的管理者',
'破局任何屏障，时刻满怀阳光与进取心的奔跑者'
'有企业责任、社会责任的商业管理精英与领袖'
]
},
{
......@@ -176,24 +294,22 @@ export default {
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_02.png',
children: [
'持有本科学历或学位',
'拥有大专学历者有少量名额',
'具备工作经验和职业发展愿景',
'英语成绩不作为入学必要条件'
'拥有三年制大专学历者可视情况录取',
'具备5年以上管理经验，具备领航新时代愿景'
]
},
{
name: '授课形式',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_03.png',
children: [
'线上授课 + 线下学习',
'在线教学平台由紫荆教育自行研发打造，操作简单、功能完备、使用流畅学生可灵活安排学习时间',
'可反复观看和查阅课程资料，全方位为学习提供支持'
'线上研讨+线下课堂',
'中文授课、免联考，充分开启同学、师生之间的充分交流，分享各自的商业案例，把脉与深度研讨时代前沿课题。 '
]
},
{
name: '毕业典礼',
bg: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/project_bg_04.png',
children: ['学生可在学业全部完成后，在国内或赴美参加毕业典礼，共享学有所成的精彩时刻']
children: ['学生可在学业全部完成后，在国内或赴美参加毕业典礼，共享学有所成的精彩时刻。']
}
]
}
......@@ -256,8 +372,8 @@ export default {
display: flex;
align-items: center;
justify-content: center;
background: url('~@/assets/images/major-set/bg1.png');
background-size: cover;
// background: url('~@/assets/images/major-set/bg1.png');
// background-size: cover;
}
.project-card-item {
width: 260px;
......@@ -328,10 +444,12 @@ export default {
}
}
.project-study {
padding: 30px 0;
height: 600px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
center;
background-size: cover;
// background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/cert_bg.png) no-repeat center
// center;
// background-size: cover;
background: #fff;
.subtitle {
padding: 50px 0;
text-align: center;
......@@ -341,9 +459,9 @@ export default {
font-size: 40px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #fff;
color: #1a5632;
line-height: 1;
border-bottom: 3px solid #fff;
border-bottom: 3px solid #1a5632;
}
}
}
......@@ -355,12 +473,12 @@ export default {
.project-study-right {
width: 452px;
margin-left: 45px;
color: #fff;
color: #000;
h3 {
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: #ffffff;
color: #000;
line-height: 34px;
}
ul {
......@@ -372,7 +490,7 @@ export default {
font-size: 22px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
color: #000;
line-height: 1;
padding-right: 30px;
span {
......@@ -382,13 +500,13 @@ export default {
}
li + li {
padding-left: 30px;
border-left: 1px solid #fff;
border-left: 1px solid #000;
}
p {
font-size: 18px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #ffffff;
color: #000;
line-height: 30px;
}
}
......@@ -499,4 +617,131 @@ export default {
}
}
}
.home-student {
padding-top: 76px;
margin-bottom: 50px;
.title {
font-size: 40px;
font-weight: normal;
color: #1a5632;
line-height: 51px;
border-bottom: 3px solid #f6a800;
width: 500px;
margin: 0 auto 56px;
}
.card-list {
width: 950px;
margin: 0 auto;
display: flex;
.card-item {
min-width: 210px;
overflow: hidden;
transition: all 1s;
margin-right: 36px;
margin-bottom: 39px;
&:hover {
img {
transform: scale(1.1);
transition: all 0.3s;
}
}
.top {
background: #1a5632;
height: 200px;
.num {
padding: 38px 0 20px;
text-align: center;
font-size: 48px;
font-weight: normal;
color: #f6a800;
line-height: 56px;
}
p {
font-size: 22px;
font-weight: normal;
color: #fff;
line-height: 30px;
text-align: center;
}
}
}
}
.text {
width: 950px;
margin: 0 auto;
text-align: center;
font-size: 24px;
font-weight: normal;
color: #000000;
line-height: 36px;
span {
color: #1a5632;
}
}
.home-student_tab {
margin-top: 60px;
.tab-btn {
border-bottom: 1px solid #1a5632;
.item-btn {
cursor: pointer;
width: 180px;
line-height: 42px;
border: 1px solid #1a5632;
text-align: center;
color: #1a5632;
margin-right: 10px;
border-bottom: none;
&.active {
background: #1a5632;
color: #fff;
}
}
}
.tab-content1 {
display: flex;
flex-wrap: wrap;
width: 950px;
margin: 0 auto;
padding-top: 53px;
.content1-item {
width: 280px;
margin-bottom: 38px;
&.m-c {
margin-left: 55px;
margin-right: 55px;
.tag {
border-bottom: 4px solid #f6a800;
}
}
.tag {
line-height: 56px;
border-bottom: 4px solid #1a5632;
font-size: 24px;
color: #000000;
text-align: center;
}
}
}
.tab-content_it {
display: flex;
flex-wrap: wrap;
width: 950px;
margin: 0 auto;
padding-top: 53px;
div {
width: 460px;
height: 250px;
margin-bottom: 10px;
&:nth-child(odd) {
margin-right: 30px;
}
p {
font-size: 24px;
color: #000000;
line-height: 40px;
}
}
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论