Skip to content

P
project-online-pc
提交 6d5bc022 authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

项目介绍和校友风采静态页

上级 06fef23b
显示空白字符变更
内嵌 并排
正在显示 包含 801 行增加 和 7 行删除
components/Head.vue
浏览文件 @ 6d5bc022
...@@ -63,22 +63,22 @@ ...@@ -63,22 +63,22 @@
navData: [ navData: [
{ {
name: '项目介绍', name: '项目介绍',
path: '/about/introduce', path: '/project-intro/bg',
childern: [ childern: [
{ {
name: '项目背景', name: '项目背景',
isShow: false, isShow: false,
path: '/about/introduce' path: '/project-intro/bg'
}, },
{ {
name: '项目特色', name: '项目特色',
isShow: false, isShow: false,
path: '/about/culture' path: '/project-intro/charac'
}, },
{ {
name: '证书授予', name: '证书授予',
isShow: false, isShow: false,
path: '/about/news' path: '/project-intro/certificate'
} }
] ]
}, },
...@@ -137,11 +137,13 @@ ...@@ -137,11 +137,13 @@
childern: [ childern: [
{ {
name: '杰出校友', name: '杰出校友',
isShow: false isShow: false,
path: '/alumni/outstanding'
}, },
{ {
name: '校友分享', name: '校友分享',
isShow: false isShow: false,
path: '/alumni/sharing'
} }
] ]
} }
......
components/news/newsItem.vue
浏览文件 @ 6d5bc022
...@@ -29,8 +29,15 @@ export default { ...@@ -29,8 +29,15 @@ export default {
methods: { methods: {
goDetail(item) { goDetail(item) {
if (item.source === '') { if (item.source === '') {
const path = this.$route.path
let routePath = ''
if (path.indexOf('alumni') > -1) {
routePath = '/alumni/detail'
} else {
routePath = this.$route.path.indexOf('hot') === -1 ? '/news/interview-detail' : '/news/hot-detail'
}
this.$router.push({ this.$router.push({
path: this.$route.path.indexOf('hot') === -1 ? '/news/interview-detail' : '/news/hot-detail', path: routePath,
query: { query: {
id: item.id id: item.id
} }
......
package-lock.json
浏览文件 @ 6d5bc022
This source diff could not be displayed because it is too large. You can view the blob instead.
pages/alumni/detail.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<!-- <div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="">
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data () {
return {
frameParams: {
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res
})
const params = {
page: 1,
per_page: 100,
type: 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
})
},
mounted () {
},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.detail-content-box{
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box{
padding: 50px 50px 94px;
}
.back-btn{
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left{
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text{
font-size: 16px;
color: #999999;
}
}
.times{
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles{
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content{
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img{
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content{
border-top: 1px solid #E6E6E6;
padding-top: 37px;
.titles{
display: flex;
align-items: center;
.line{
width: 6px;
height: 22px;
background: #AA1941;
}
.text{
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box{
margin-top: 50px;
display: flex;
justify-content: space-between;
li{
width: 280px;
img{
width: 280px;
height: 184px;
display: block;
}
.dec{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn{
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #D3D3D3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
</style>
pages/alumni/outstanding.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="outstanding">
<app-frame :data="frameParams">
<div class="alumni">
<h5>KELLEY商学院杰出校友</h5>
<ul class="card-list">
<li v-for="item in alumniList" :key="item.name">
<div class="avatar">
<img :src="item.avatar">
</div>
<div class="text">
<h6>{{item.name}}</h6>
<p v-for="it in item.post" :key="it">{{it}}</p>
</div>
</li>
</ul>
<h5>紫荆-KELLEY优秀学生</h5>
<ul class="card-list">
<li v-for="item in studentList" :key="item.name">
<div class="avatar"></div>
<div class="text">
<h6>{{item.name}}</h6>
<p v-for="it in item.education" :key="it">{{it}}</p>
<div v-for="it in item.post" :key="it">{{it}}</div>
</div>
</li>
</ul>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
alumniList: [
{avatar: 'https://zws-imgs-pub.ezijing.com/b9f25e1433d4dc6db3cd337a142f85b2.jpg', name: "Paul H. O'Neill", post: ['前美国财政部长']},
{avatar: '', name: "Alan B. Graf", post: ['Fedex首席财务官']},
{avatar: '', name: "John Chambers", post: ['Cisco首席执行官']},
{avatar: '', name: "Ali Tuet", post: ['香港ESG控股集团主席总裁']},
{avatar: '', name: "Jimmy Wales", post: ['Jimmy Wales']},
{avatar: '', name: "Mark Cuban", post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']},
{avatar: '', name: "Peter Wong", post: ['汇丰银行', '亚洲区总裁']},
{avatar: '', name: "Paul H. O'Neill", post: ['美国 Whirlpool', '亚洲副总裁']}
],
studentList: [
{avatar: '', name: "张彧", education: ['Xavier University', '工商管理硕士'], post: ['希尔顿酒店管理有限公司', '财务部副总裁']},
{avatar: '', name: "赵旭娜", education: ['约翰霍普金斯大学', '博士后'], post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']},
{avatar: '', name: "刘育弘", education: ['中山大学', '高级工商管理硕士'], post: ['广州快塑电子商务有限公司', '执行总裁']},
{avatar: '', name: "刘丹", education: ['香港大学李嘉诚医学院', '医学影像学博士'], post: ['华润医疗直属医院', '运营院长']},
{avatar: '', name: "刘志诚", education: ['香港理工大学', '软件科技及工商管理双硕士'], post: ['乐信集团信息安全中心', '总监']},
{avatar: '', name: "孙红平", education: ['广东外语外贸大学', '翻译硕士'], post: ['美国IPO直通车公司', '管理合伙人']},
{avatar: '', name: "侍文", education: ['The University of Manchester', '工商管理硕士'], post: ['苏州诗诗珠宝有限公司', '总经理']},
{avatar: '', name: "虞东", education: ['北京大学光华管理学院', '高级工商管理硕士'], post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']},
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.alumni{
padding:30px 74px;
h5{
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 74px;
color: #333333;
}
.card-list{
margin-bottom:30px;
display:flex;
flex-direction: row;
flex-wrap: wrap;
li{
width:410px;
height:195px;
background:#ebebeb;
display:flex;
margin:0 20px 21px 0;
transition:0.5s ease-in-out;
.avatar{
width: 204px;
height:100%;
img{
width:157px;
height:157px;
margin:20px 0 0 23px;
}
}
.text{
margin-top:72px;
h6{
font-size: 18px;
font-family: HelveticaNeueLTPro-Md;
line-height: 18px;
color: #AA1941;
margin-bottom:10px;
}
p{
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #666;
}
div{
font-size: 12px;
font-family: Source Han Sans CN;
font-weight: 300;
line-height: 18px;
color: #666;
}
}
}
li:nth-child(even){
margin-right:0;
}
li:hover{
background: #AA1941;
.text{
h6, p, div{
color:#fff;
}
}
}
}
}
</style>
pages/alumni/sharing.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="sharing">
<app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem'
export default {
components: {
appFrame, newsItem
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: this.$route.query.type || 74,
project_id: 1013
}
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
console.log(res)
return res
})
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.news-item{
padding-top: 43px;
}
</style>
\ No newline at end of file
pages/project-intro/bg.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="project-bg">
<app-frame :data="frameParams">
<div class="project-bg-main">
<ul class="tabs">
<li v-for="item in list" :key="item.name" :class="{'is-active': tabActive === item.name}" @click="tabActive = item.name">
{{item.label}}
</li>
</ul>
<div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="sub-banner">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
</div>
<div class="text">
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br>
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</div>
<div class="tags">
<div :class="{'tag-item': true, big: (index + 2) % 4 === 0}" v-for="(item, index) in tags" :key="item.text">
<div class="tag-item-inner">
<p><span>{{item.num}}</span>{{item.unit}}</p>
<span>{{item.text}}</span>
</div>
<el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider>
</div>
</div>
</div>
<div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
</div>
<div class="text">
<p>印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。</p>
<p>印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。</p>
<p>Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance.
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The Economist Intelligence Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。</p>
</div>
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
</div>
<div class="text">
<p>本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。</p>
<p>项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。</p>
<p>项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。</p>
<p>世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。</p>
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
export default {
data() {
return {
tabActive: 'zjjy',
list: [
{name: 'zjjy', label: '紫荆教育'},
{name: 'kelley', label: 'KELLEY商学院'},
{name: 'lhbx', label: '联合办学背景'}
],
tags: [
{num: 12, unit: '所', text: '国际合作院校'},
{num: 522, unit: '门', text: '线上课程'},
{num: 600, unit: '+', text: '金融机构/协会/政府/学校'},
{num: 700, unit: '+', text: '国内外师资团队'},
{num: 1000, unit: '+', text: '学术直播课'},
{num: 4800, unit: '+', text: '总研发课时'},
{num: 5000, unit: '+', text: '学位学员'},
{num: 500, unit: '万+', text: '人次学习'}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.project-bg-main{
padding:42px 64px 50px;
.tabs{
margin-top:42px;
display:flex;
justify-content: space-between;
li{
background:#fbfbfb;
width:32%;
height:83px;
line-height:83px;
border-top:8px solid #fbfbfb;
font-size:26px;
font-family: Source Han Sans CN;
color:#333;
text-align:center;
cursor:pointer;
}
li.is-active{
border-color:#AA1941;
color:#AA1941;
background-color:#fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06)
}
}
.sub-banner{
margin-top:18px;
height:302px;
img{
width:100%;
height:100%;
}
}
.text{
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 32px;
color: #424242;
letter-spacing: 1px;
margin-top:40px;
}
.tags{
width:780px;
margin: 40px auto 0;
display:flex;
flex-direction: row;
flex-wrap: wrap;
// justify-content: space-between;
.tag-item{
width:180px;
margin-bottom:10px;
.tag-item-inner{
display:inline-block;
text-align:center;
width:calc(100% - 17px);
p{
font-size: 20px;
color:#AA1941;
span{
font-size:28px;
font-weight:bold;
}
}
>span{
font-size: 16px;
line-height: 34px;
color: #666666;
}
}
.el-divider{
height:100%;
float:right;
}
}
.tag-item.big{
width:240px
}
}
}
</style>
pages/project-intro/certificate.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="certificate">
<app-frame :data="frameParams">
<div class="certificate-main">
<div class="checkbox">
<p><i></i>修满33个学分</p>
<p><i></i>完成毕业报告</p>
</div>
<p class="text">达到毕业条件的学员将被授予美国印第安纳大学KELLEY商学院金融硕士学位</p>
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
<p class="certificate-title">KELLEY商学院学位证书</p>
<p class="certificate-des">*本学位和美国本校生所获学位相同</p>
</div>
</app-frame>
</div>
</template>
<script>
export default {
data() {
return {
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.certificate-main{
padding:40px;
text-align:center;
.checkbox{
display:flex;
width:450px;
margin:0 auto;
p{
width:50%;
text-align:center;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #424242;
i{
display:inline-block;
width:22px;
height:22px;
background:#f1f1f1;
margin-right:10px;
vertical-align: middle;
}
}
}
.text{
text-align:center;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top:40px;
}
img{
display:block;
width:376px;
height:291px;
margin:40px auto;
}
.certificate-title{
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top:26px;
}
.certificate-des{
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #AA1941;
}
}
</style>
\ No newline at end of file
pages/project-intro/charac.vue 0 → 100644
浏览文件 @ 6d5bc022
<template>
<div class="charac">
<app-frame :data="frameParams">
<ul class="card">
<li v-for="item in list" :key="item.title">
<div class="left">
<img :src="item.img">
</div>
<div class="right">
<h5>{{item.title}}</h5>
<p v-for="text in item.texts" :key="text">{{text}}</p>
</div>
</li>
</ul>
</app-frame>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
title: '线上线下结合灵活的授课学习方式',
texts: ['线上+线下教学模式', '在职学习、无需出国、入读名校', '最短15个月最长5年拿到学位']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
title: '高性价比享超高品质教学服务体验',
texts: ['专业金融在线教育品牌', '无需联考、快速入门的学习模式', '全方位的金融职业教育课程体系']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
title: '国际视野结合中国本土的实践课程',
texts: ['先修课程+必修课程+选修课程+美国访学', '全球排名顶尖师资+中国金融界权威专家', '多次被 U.S. News & World Report评为全美第一']
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '项目背景',
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
},
{
name: '项目特色',
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
},
{
name: '证书授予',
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.card{
width: 763px;
margin: 0 auto 0;
padding:80px 0 30px;
li{
height: 205px;
background: #F9F8F8;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
margin-bottom:50px;
display:flex;
.left{
width:212px;
// background:#fcfcfc;
img{
width:120px;
height:120px;
margin:43px 0 0 47px;
}
}
.right{
width:calc(100% - 212px);
padding-top:20px;
h5{
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 44px;
color: #333333;
}
p{
color: #424242;
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 36px;
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论