parent
b7142db102
commit
961ed45cc3
36 changed files with 2949 additions and 2958 deletions
@ -1,267 +1,299 @@ |
||||
<template> |
||||
<div class="wrap index"> |
||||
<div class="banner"> |
||||
<h6>城市合伙人招募中</h6> |
||||
<p class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</p> |
||||
</div> |
||||
<!-- 关于城市合伙人 --> |
||||
<div class="about"> |
||||
<div class="inner"> |
||||
<h6>关于城市合伙人</h6> |
||||
<div class="text">城市合伙人主要为在各地具备高职、本科等学校关系资源，且在当地能够提供销售、售前，项目实施交付，以及持续增值服务的团队。</div> |
||||
</div> |
||||
</div> |
||||
<div class="bg"> |
||||
<!-- 我们提供的支持 --> |
||||
<div class="intro"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">我们提供的支持</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup1.png" alt=""> |
||||
<span>产品</span> |
||||
</h6> |
||||
<p class="text">我们会为城市合伙人整合好不同的教育信息化解决方案所需的软件和硬件产品通过教育产业互联网平台和反向供应链，为城市合伙人提供利润合适，交付便捷，质量有保障的产品。</p> |
||||
</li> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup2.png" alt=""> |
||||
<span>培训</span> |
||||
</h6> |
||||
<p class="text">我们会有专业的培训团队，为每一个城市合伙人提供教育信息化产业的创业辅导，和专业培训。帮助城市合伙人打造一支专业化的商务支持、客户成功，和售后运营服务的支撑型团队。</p> |
||||
</li> |
||||
</ul> |
||||
<h6 class="i-title" style="margin-top: 60px">城市合伙人需要具备的条件</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup3.png" alt=""> |
||||
<span>业务资源</span> |
||||
</h6> |
||||
<p class="text">城市合伙人要实现业务的快速成功，需要在当地具备开展相应业务的客户资源，包括但不限于在当地院校的——二级学院的、资产处、实验室的相关领导与老师的关系资源。</p> |
||||
</li> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup4.png" alt=""> |
||||
<span>服务团队</span> |
||||
</h6> |
||||
<p class="text">城市合伙人需要在当地具备独立开展业务和服务的能力，因此需要配置最小的地区服务团队：包括商务售前、运营服务（售后技术支持、售后培训服务、售后客户成功服务、客户活动支持服务等）。</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 城市合伙人的收益 --> |
||||
<div class="profit"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">城市合伙人的收益</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/city/profit1.png" alt=""> |
||||
<h6>软件收益</h6> |
||||
<p class="text">对平台产品推广，获利润分成</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/profit2.png" alt=""> |
||||
<h6>续约分成</h6> |
||||
<p class="text">客户续约年年享分成</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/profit3.png" alt=""> |
||||
<h6>媒体资源共享</h6> |
||||
<p class="text">各大主流媒体推广，打造自己的引流平台</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 业务开展方向 --> |
||||
<div class="profit bus"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">业务开展方向</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/city/bus1.png" alt=""> |
||||
<h6>金融实验室</h6> |
||||
<p class="text">依据证券、银行等金融机构实景，配置相应的软硬件一体环境，为高职、本科院校的经管学院、商学院提供金融实验室的建设解决方案。</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/bus2.png" alt=""> |
||||
<h6>金融科技实验室 </h6> |
||||
<p class="text">将金融交易、信贷，风控等模型和数据，与Python编程相结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管、学院和商学院提供金融科技实验的建设解决方案。</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/bus3.png" alt=""> |
||||
<h6>金融大数据实验室</h6> |
||||
<p class="text">通过高频数据，与大数据平台结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管学院和商学院提供金融大数据实验室的建设解决方案。</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 联系 --> |
||||
<div class="contact"> |
||||
<img class="love" src="@/assets/img/love.png" alt=""> |
||||
<div class="wrap index"> |
||||
<div class="banner"> |
||||
<h6>城市合伙人招募中</h6> |
||||
<p class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</p> |
||||
</div> |
||||
<!-- 关于城市合伙人 --> |
||||
<div class="about"> |
||||
<div class="inner"> |
||||
<h6>关于城市合伙人</h6> |
||||
<div class="text">城市合伙人主要为在各地具备高职、本科等学校关系资源，且在当地能够提供销售、售前，项目实施交付，以及持续增值服务的团队。</div> |
||||
</div> |
||||
</div> |
||||
<div class="bg"> |
||||
<!-- 我们提供的支持 --> |
||||
<div class="intro"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">我们提供的支持</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup1.png" alt=""> |
||||
<span>产品</span> |
||||
</h6> |
||||
<p class="text">我们会为城市合伙人整合好不同的教育信息化解决方案所需的软件和硬件产品通过教育产业互联网平台和反向供应链，为城市合伙人提供利润合适，交付便捷，质量有保障的产品。</p> |
||||
</li> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup2.png" alt=""> |
||||
<span>培训</span> |
||||
</h6> |
||||
<p class="text">我们会有专业的培训团队，为每一个城市合伙人提供教育信息化产业的创业辅导，和专业培训。帮助城市合伙人打造一支专业化的商务支持、客户成功，和售后运营服务的支撑型团队。</p> |
||||
</li> |
||||
</ul> |
||||
<h6 class="i-title" style="margin-top: 60px">城市合伙人需要具备的条件</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup3.png" alt=""> |
||||
<span>业务资源</span> |
||||
</h6> |
||||
<p class="text">城市合伙人要实现业务的快速成功，需要在当地具备开展相应业务的客户资源，包括但不限于在当地院校的——二级学院的、资产处、实验室的相关领导与老师的关系资源。</p> |
||||
</li> |
||||
<li> |
||||
<h6> |
||||
<img src="@/assets/img/city/sup4.png" alt=""> |
||||
<span>服务团队</span> |
||||
</h6> |
||||
<p class="text">城市合伙人需要在当地具备独立开展业务和服务的能力，因此需要配置最小的地区服务团队：包括商务售前、运营服务（售后技术支持、售后培训服务、售后客户成功服务、客户活动支持服务等）。 |
||||
</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 城市合伙人的收益 --> |
||||
<div class="profit"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">城市合伙人的收益</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/city/profit1.png" alt=""> |
||||
<h6>软件收益</h6> |
||||
<p class="text">对平台产品推广，获利润分成</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/profit2.png" alt=""> |
||||
<h6>续约分成</h6> |
||||
<p class="text">客户续约年年享分成</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/profit3.png" alt=""> |
||||
<h6>媒体资源共享</h6> |
||||
<p class="text">各大主流媒体推广，打造自己的引流平台</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 业务开展方向 --> |
||||
<div class="profit bus"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">业务开展方向</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/city/bus1.png" alt=""> |
||||
<h6>金融实验室</h6> |
||||
<p class="text">依据证券、银行等金融机构实景，配置相应的软硬件一体环境，为高职、本科院校的经管学院、商学院提供金融实验室的建设解决方案。</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/bus2.png" alt=""> |
||||
<h6>金融科技实验室 </h6> |
||||
<p class="text">将金融交易、信贷，风控等模型和数据，与Python编程相结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管、学院和商学院提供金融科技实验的建设解决方案。</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/city/bus3.png" alt=""> |
||||
<h6>金融大数据实验室</h6> |
||||
<p class="text">通过高频数据，与大数据平台结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管学院和商学院提供金融大数据实验室的建设解决方案。</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 联系 --> |
||||
<div class="contact"> |
||||
<img class="love" src="@/assets/img/love.png" alt=""> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setting from '@/setting' |
||||
import util from '@/libs/util' |
||||
export default { |
||||
name: 'cityPartner', |
||||
data() { |
||||
return { |
||||
token: util.local.get(Setting.tokenKey) |
||||
} |
||||
}, |
||||
mounted() {}, |
||||
methods: {} |
||||
name: 'cityPartner', |
||||
data () { |
||||
return { |
||||
token: util.session.get(Setting.tokenKey) |
||||
} |
||||
}, |
||||
mounted () { }, |
||||
methods: {} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap{ |
||||
.wrap { |
||||
position: relative; |
||||
background-color: #fff; |
||||
|
||||
.banner { |
||||
height: 350px; |
||||
padding: 100px 0 0 180px; |
||||
background: url(../../../assets/img/city/banner2.png) top right/auto no-repeat, |
||||
url(../../../assets/img/city/banner1.png) 0 0/100% 100% no-repeat; |
||||
|
||||
h6 { |
||||
margin-bottom: 30px; |
||||
font-size: 42px; |
||||
} |
||||
|
||||
.text { |
||||
font-size: 16px; |
||||
line-height: 30px; |
||||
} |
||||
} |
||||
|
||||
.i-title { |
||||
position: relative; |
||||
background-color: #fff; |
||||
.banner { |
||||
height: 350px; |
||||
padding: 100px 0 0 180px; |
||||
background: url(../../../assets/img/city/banner2.png) top right/auto no-repeat, |
||||
url(../../../assets/img/city/banner1.png) 0 0/100% 100% no-repeat; |
||||
h6 { |
||||
margin-bottom: 30px; |
||||
font-size: 42px; |
||||
} |
||||
.text { |
||||
font-size: 16px; |
||||
line-height: 30px; |
||||
} |
||||
margin-bottom: 37px; |
||||
font-size: 30px; |
||||
text-align: center; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.inner { |
||||
width: 1200px; |
||||
padding: 67px 0; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.bg { |
||||
background: #fff url(../../../assets/img/city/sup-bg.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
|
||||
.about { |
||||
margin-top: -60px; |
||||
|
||||
.inner { |
||||
padding: 40px 0 60px; |
||||
text-align: center; |
||||
background: url(../../../assets/img/city/about.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.i-title{ |
||||
position: relative; |
||||
margin-bottom: 37px; |
||||
font-size: 30px; |
||||
text-align: center; |
||||
color: #0B1D30; |
||||
|
||||
h6 { |
||||
margin-bottom: 20px; |
||||
font-size: 24px; |
||||
color: #fff; |
||||
} |
||||
.inner{ |
||||
width: 1200px; |
||||
padding: 67px 0; |
||||
margin: 0 auto; |
||||
|
||||
.text { |
||||
font-size: 14px; |
||||
color: #fff; |
||||
} |
||||
.bg { |
||||
background: #fff url(../../../assets/img/city/sup-bg.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
|
||||
.intro { |
||||
position: relative; |
||||
|
||||
.i-title { |
||||
text-align: left; |
||||
} |
||||
.about { |
||||
margin-top: -60px; |
||||
.inner { |
||||
padding: 40px 0 60px; |
||||
text-align: center; |
||||
background: url(../../../assets/img/city/about.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
h6 { |
||||
margin-bottom: 20px; |
||||
font-size: 24px; |
||||
color: #fff; |
||||
} |
||||
.text { |
||||
font-size: 14px; |
||||
color: #fff; |
||||
} |
||||
|
||||
.list { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
|
||||
li { |
||||
width: 49%; |
||||
padding: 20px 30px; |
||||
border-radius: 6px; |
||||
border-left: 3px solid $main-color; |
||||
background-color: #fff; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
} |
||||
|
||||
h6 { |
||||
display: flex; |
||||
align-items: center; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
span { |
||||
margin-left: 12px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.text { |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
.intro{ |
||||
position: relative; |
||||
.i-title { |
||||
text-align: left; |
||||
} |
||||
.list{ |
||||
display: flex; |
||||
justify-content: space-between; |
||||
li{ |
||||
width: 49%; |
||||
padding: 20px 30px; |
||||
border-radius: 6px; |
||||
border-left: 3px solid $main-color; |
||||
background-color: #fff; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
} |
||||
h6{ |
||||
display: flex; |
||||
align-items: center; |
||||
margin-bottom: 10px; |
||||
} |
||||
span { |
||||
margin-left: 12px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
.text{ |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.profit { |
||||
.inner { |
||||
background: url(../../../assets/img/city/profit-bg.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.profit{ |
||||
.inner { |
||||
background: url(../../../assets/img/city/profit-bg.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.list { |
||||
display: flex; |
||||
flex: 1; |
||||
li { |
||||
padding: 9px 9px 20px; |
||||
margin-right: 24px; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
border-radius: 10px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
img { |
||||
width: 100%; |
||||
} |
||||
h6 { |
||||
margin: 15px 0 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
.text { |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
|
||||
.list { |
||||
display: flex; |
||||
flex: 1; |
||||
|
||||
li { |
||||
padding: 9px 9px 20px; |
||||
margin-right: 24px; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
border-radius: 10px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
width: 100%; |
||||
} |
||||
|
||||
h6 { |
||||
margin: 15px 0 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.text { |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
.bus { |
||||
background-color: #F3F6FA; |
||||
.inner { |
||||
background: none; |
||||
} |
||||
.list { |
||||
li { |
||||
padding-bottom: 50px; |
||||
.text { |
||||
text-align: left; |
||||
} |
||||
} |
||||
img { |
||||
width: 366px; |
||||
height: 230px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bus { |
||||
background-color: #F3F6FA; |
||||
|
||||
.inner { |
||||
background: none; |
||||
} |
||||
.contact { |
||||
position: relative; |
||||
height: 250px; |
||||
background: url(../../../assets/img/contact-info.png) center center/auto no-repeat, |
||||
url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat; |
||||
.love { |
||||
position: absolute; |
||||
top: -45px; |
||||
right: 10%; |
||||
|
||||
.list { |
||||
li { |
||||
padding-bottom: 50px; |
||||
|
||||
.text { |
||||
text-align: left; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
width: 366px; |
||||
height: 230px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.contact { |
||||
position: relative; |
||||
height: 250px; |
||||
background: url(../../../assets/img/contact-info.png) center center/auto no-repeat, |
||||
url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat; |
||||
|
||||
.love { |
||||
position: absolute; |
||||
top: -45px; |
||||
right: 10%; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,220 +1,248 @@ |
||||
<template> |
||||
<div class="wrap index"> |
||||
<div class="banner"> |
||||
<h6>教育数字化产品开发者平台</h6> |
||||
<p class="text">与3000所高校共建数字化教育产业未来</p> |
||||
</div> |
||||
<!-- 关于教育产业数字化开发者 --> |
||||
<div class="about"> |
||||
<div class="inner"> |
||||
<h6>关于教育产业数字化开发者</h6> |
||||
<div class="text">教育产业数字化开发者主要指从事高职、本科市场相应数字化场景的软件、硬件研发与生产的产品开发者。</div> |
||||
</div> |
||||
</div> |
||||
<!-- 我们提供的支持 --> |
||||
<div class="sup"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">我们提供的支持</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6>生产力赋能</h6> |
||||
<p class="text">公司打造的产业中台将赋能联盟厂家高效地进行软件产品的开发与交付。</p> |
||||
</li> |
||||
<li> |
||||
<h6>渠道与运营服务赋能</h6> |
||||
<p class="text">公司会为联盟厂家提供公共的渠道支撑和客户获取，帮助厂家获得客户成交，降低产品厂家的市场压力。</p> |
||||
</li> |
||||
<li> |
||||
<h6>创业技术孵化服务</h6> |
||||
<p class="text">对于还在创业阶段的产品创业者，我司还提供初始的技术外包支撑服务，帮助产品创业者最小成本的完成产品的落地。</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 开发者需要具备的条件 --> |
||||
<div class="con"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">开发者需要具备的条件</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/dev/con1.png" alt=""> |
||||
<h6>产品研发</h6> |
||||
<p class="text">具备独立设计、开发教育产业数字化产品的能力</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/dev/con2.png" alt=""> |
||||
<h6>产品运维 </h6> |
||||
<p class="text">具备独立的产品运维支持的能力</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/dev/con3.png" alt=""> |
||||
<h6>专业服务</h6> |
||||
<p class="text">具备对产品内容专业支持的能力</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="profit"> |
||||
<div class="item1">开发者受益</div> |
||||
<div class="item2">我们将与开发者共享教育产业数字化蓝海的巨大收益！</div> |
||||
</div> |
||||
<!-- 联系 --> |
||||
<div class="contact"> |
||||
<img class="love" src="@/assets/img/love.png" alt=""> |
||||
</div> |
||||
<div class="wrap index"> |
||||
<div class="banner"> |
||||
<h6>教育数字化产品开发者平台</h6> |
||||
<p class="text">与3000所高校共建数字化教育产业未来</p> |
||||
</div> |
||||
<!-- 关于教育产业数字化开发者 --> |
||||
<div class="about"> |
||||
<div class="inner"> |
||||
<h6>关于教育产业数字化开发者</h6> |
||||
<div class="text">教育产业数字化开发者主要指从事高职、本科市场相应数字化场景的软件、硬件研发与生产的产品开发者。</div> |
||||
</div> |
||||
</div> |
||||
<!-- 我们提供的支持 --> |
||||
<div class="sup"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">我们提供的支持</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<h6>生产力赋能</h6> |
||||
<p class="text">公司打造的产业中台将赋能联盟厂家高效地进行软件产品的开发与交付。</p> |
||||
</li> |
||||
<li> |
||||
<h6>渠道与运营服务赋能</h6> |
||||
<p class="text">公司会为联盟厂家提供公共的渠道支撑和客户获取，帮助厂家获得客户成交，降低产品厂家的市场压力。</p> |
||||
</li> |
||||
<li> |
||||
<h6>创业技术孵化服务</h6> |
||||
<p class="text">对于还在创业阶段的产品创业者，我司还提供初始的技术外包支撑服务，帮助产品创业者最小成本的完成产品的落地。</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 开发者需要具备的条件 --> |
||||
<div class="con"> |
||||
<div class="inner"> |
||||
<h6 class="i-title">开发者需要具备的条件</h6> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="@/assets/img/dev/con1.png" alt=""> |
||||
<h6>产品研发</h6> |
||||
<p class="text">具备独立设计、开发教育产业数字化产品的能力</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/dev/con2.png" alt=""> |
||||
<h6>产品运维 </h6> |
||||
<p class="text">具备独立的产品运维支持的能力</p> |
||||
</li> |
||||
<li> |
||||
<img src="@/assets/img/dev/con3.png" alt=""> |
||||
<h6>专业服务</h6> |
||||
<p class="text">具备对产品内容专业支持的能力</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="profit"> |
||||
<div class="item1">开发者受益</div> |
||||
<div class="item2">我们将与开发者共享教育产业数字化蓝海的巨大收益！</div> |
||||
</div> |
||||
<!-- 联系 --> |
||||
<div class="contact"> |
||||
<img class="love" src="@/assets/img/love.png" alt=""> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setting from '@/setting' |
||||
import util from '@/libs/util' |
||||
export default { |
||||
name: 'cityPartner', |
||||
data() { |
||||
return { |
||||
token: util.local.get(Setting.tokenKey) |
||||
} |
||||
}, |
||||
mounted() {}, |
||||
methods: {} |
||||
name: 'cityPartner', |
||||
data () { |
||||
return { |
||||
token: util.session.get(Setting.tokenKey) |
||||
} |
||||
}, |
||||
mounted () { }, |
||||
methods: {} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap{ |
||||
.wrap { |
||||
position: relative; |
||||
background-color: #fff; |
||||
|
||||
.banner { |
||||
height: 350px; |
||||
padding: 100px 0 0 180px; |
||||
background: url(../../../assets/img/dev/banner2.png) (90% 32px)/auto no-repeat, |
||||
url(../../../assets/img/dev/banner1.png) 0 0/100% 100% no-repeat; |
||||
|
||||
h6 { |
||||
margin-bottom: 30px; |
||||
font-size: 42px; |
||||
} |
||||
|
||||
.text { |
||||
font-size: 16px; |
||||
line-height: 30px; |
||||
} |
||||
} |
||||
|
||||
.i-title { |
||||
position: relative; |
||||
background-color: #fff; |
||||
.banner { |
||||
height: 350px; |
||||
padding: 100px 0 0 180px; |
||||
background: url(../../../assets/img/dev/banner2.png) (90% 32px)/auto no-repeat, |
||||
url(../../../assets/img/dev/banner1.png) 0 0/100% 100% no-repeat; |
||||
h6 { |
||||
margin-bottom: 30px; |
||||
font-size: 42px; |
||||
} |
||||
.text { |
||||
font-size: 16px; |
||||
line-height: 30px; |
||||
} |
||||
margin-bottom: 37px; |
||||
font-size: 30px; |
||||
text-align: center; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.inner { |
||||
width: 1200px; |
||||
padding: 67px 0; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.about { |
||||
margin: -60px 0 20px; |
||||
|
||||
.inner { |
||||
padding: 40px 0 60px; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
border-radius: 8px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
} |
||||
.i-title{ |
||||
position: relative; |
||||
margin-bottom: 37px; |
||||
font-size: 30px; |
||||
text-align: center; |
||||
color: #0B1D30; |
||||
|
||||
h6 { |
||||
margin-bottom: 20px; |
||||
font-size: 24px; |
||||
color: #0B1D30; |
||||
} |
||||
.inner{ |
||||
width: 1200px; |
||||
padding: 67px 0; |
||||
margin: 0 auto; |
||||
|
||||
.text { |
||||
font-size: 14px; |
||||
color: #0B1D30; |
||||
} |
||||
.about { |
||||
margin: -60px 0 20px; |
||||
.inner { |
||||
padding: 40px 0 60px; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
border-radius: 8px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
} |
||||
h6 { |
||||
margin-bottom: 20px; |
||||
font-size: 24px; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.sup { |
||||
background: linear-gradient(180deg, #FFFFFF 0%, #F1F6FE 100%); |
||||
|
||||
.list { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
|
||||
li { |
||||
width: 33%; |
||||
padding: 140px 50px 50px; |
||||
background: url(../../../assets/img/dev/sup1.png) 0 0/100% 100% no-repeat; |
||||
|
||||
&:nth-child(2) { |
||||
background-image: url(../../../assets/img/dev/sup2.png); |
||||
} |
||||
.text { |
||||
font-size: 14px; |
||||
color: #0B1D30; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
background-image: url(../../../assets/img/dev/sup3.png); |
||||
} |
||||
} |
||||
|
||||
h6 { |
||||
margin: 15px 0 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.text { |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
.sup{ |
||||
background: linear-gradient(180deg, #FFFFFF 0%, #F1F6FE 100%); |
||||
.list { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
li { |
||||
width: 33%; |
||||
padding: 140px 50px 50px; |
||||
background: url(../../../assets/img/dev/sup1.png) 0 0/100% 100% no-repeat; |
||||
&:nth-child(2) { |
||||
background-image: url(../../../assets/img/dev/sup2.png); |
||||
} |
||||
&:last-child { |
||||
margin-right: 0; |
||||
background-image: url(../../../assets/img/dev/sup3.png); |
||||
} |
||||
} |
||||
h6 { |
||||
margin: 15px 0 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
.text { |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
|
||||
.con { |
||||
background: url(../../../assets/img/dev/con-bg.png) 0 0/100% 100% no-repeat; |
||||
|
||||
.list { |
||||
display: flex; |
||||
flex: 1; |
||||
|
||||
li { |
||||
padding-bottom: 40px; |
||||
margin-right: 24px; |
||||
background-color: #fff; |
||||
border-radius: 10px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
width: 100%; |
||||
} |
||||
|
||||
h6 { |
||||
margin: 15px 24px 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
|
||||
.text { |
||||
margin: 0 24px; |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
.con{ |
||||
background: url(../../../assets/img/dev/con-bg.png) 0 0/100% 100% no-repeat; |
||||
.list { |
||||
display: flex; |
||||
flex: 1; |
||||
li { |
||||
padding-bottom: 40px; |
||||
margin-right: 24px; |
||||
background-color: #fff; |
||||
border-radius: 10px; |
||||
box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08); |
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
img { |
||||
width: 100%; |
||||
} |
||||
h6 { |
||||
margin: 15px 24px 10px; |
||||
font-size: 18px; |
||||
color: #0B1D30; |
||||
} |
||||
.text { |
||||
margin: 0 24px; |
||||
font-size: 14px; |
||||
color: #757F92; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.profit { |
||||
margin-bottom: 70px; |
||||
text-align: center; |
||||
|
||||
.item1 { |
||||
line-height: 250px; |
||||
font-size: 30px; |
||||
color: #fff; |
||||
background: url(../../../assets/img/dev/profit-bg1.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.profit { |
||||
margin-bottom: 70px; |
||||
text-align: center; |
||||
.item1 { |
||||
line-height: 250px; |
||||
font-size: 30px; |
||||
color: #fff; |
||||
background: url(../../../assets/img/dev/profit-bg1.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.item2 { |
||||
width: 70%; |
||||
margin: -100px auto 0; |
||||
line-height: 202px; |
||||
font-size: 30px; |
||||
color: #0B1D30; |
||||
background: url(../../../assets/img/dev/profit-bg2.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
|
||||
.item2 { |
||||
width: 70%; |
||||
margin: -100px auto 0; |
||||
line-height: 202px; |
||||
font-size: 30px; |
||||
color: #0B1D30; |
||||
background: url(../../../assets/img/dev/profit-bg2.png) 0 0/100% 100% no-repeat; |
||||
} |
||||
.contact { |
||||
position: relative; |
||||
height: 250px; |
||||
background: url(../../../assets/img/contact-info.png) center center/auto no-repeat, |
||||
url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat; |
||||
.love { |
||||
position: absolute; |
||||
top: -45px; |
||||
right: 10%; |
||||
} |
||||
} |
||||
|
||||
.contact { |
||||
position: relative; |
||||
height: 250px; |
||||
background: url(../../../assets/img/contact-info.png) center center/auto no-repeat, |
||||
url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat; |
||||
|
||||
.love { |
||||
position: absolute; |
||||
top: -45px; |
||||
right: 10%; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue