parent
f71e86fefa
commit
c01fe79636
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 229 B After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 435 KiB |
@ -0,0 +1,184 @@ |
||||
<template> |
||||
<div class="cjy-pages"> |
||||
<!-- 页面 头部 --> |
||||
<VHeader></VHeader> |
||||
<!-- 页面 广告条 --> |
||||
<div class="cjy-banner"> |
||||
<img src="@/assets/test/banner03.jpg" class="img"/> |
||||
</div> |
||||
<!-- 页面 面包屑 --> |
||||
<div class="v-container"> |
||||
<el-breadcrumb class="m-t-normal" separator-class="el-icon-arrow-right"> |
||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> |
||||
</el-breadcrumb> |
||||
</div> |
||||
<div class="cjy-page-item1"> |
||||
<div class="v-container"> |
||||
<div class="row"> |
||||
<div class="col-12"> |
||||
<div>一家致力于文旅产业 软件研发及系统集成的服务商</div> |
||||
</div> |
||||
<div class="col-12"> |
||||
<div> 创巨圆成立于2006年，地处河北省石家庄市长安区中山东路583号瑞城国际广场7号楼1508室，以石家庄为中心，辐射河北</div> |
||||
<div> 创巨圆成立16年以来，多次与河北省文化和旅游厅、联通公司，以及雄安新区、衡水、沽源、饶阳、安平、崇礼等多个市县文旅局</div> |
||||
<div> 多年的技术沉淀与产品创新，创巨圆现已有成熟的电商营销平台、一部手机游平台、产业监测平台、大数据分析平台、景区应</div> |
||||
</div> |
||||
</div> </div> |
||||
</div> |
||||
<!-- 案例 详情 --> |
||||
<div class="v-container"> |
||||
<div class="cjy-about-title text-center m-t-large">企业文化</div> |
||||
</div> |
||||
<div class="cjy-page-item3"> |
||||
<div class="v-container"> |
||||
<div class="cjy-about-title">企业历程</div> |
||||
<div class="cjy-about-step-info">投入资源提升技术，满足客户需求</div> |
||||
<div class="cjy-about-step row"> |
||||
<div class="step-item active"> |
||||
<div class="title">第四阶段：</div> |
||||
<div class="info">数字创新，未来可期</div> |
||||
</div> |
||||
<div class="step-item"> |
||||
<div class="title">第三阶段：</div> |
||||
<div class="info">步入发展快速道————乘势而上，奋进突破</div> |
||||
</div> |
||||
<div class="step-item"> |
||||
<div class="title">第二阶段：</div> |
||||
<div class="info">步入发展阶段————顺势而行，主动作为</div> |
||||
</div> |
||||
<div class="step-item"> |
||||
<div class="title">第一阶段：</div> |
||||
<div class="info">初创阶段————顺势而为，打下基础</div> |
||||
</div> |
||||
</div> |
||||
<vue-seamless-scroll |
||||
:data="step_data" |
||||
:class-option="classOption" |
||||
class="cjy-about-step-date" |
||||
> |
||||
<ul class="ul-item"> |
||||
<li class="li-item" v-for="(item, index) in step_data" :key="index"> |
||||
<div class="date">{{ item.date }}</div> |
||||
<div class="content">{{ item.content }}</div> |
||||
</li> |
||||
</ul> |
||||
</vue-seamless-scroll> |
||||
</div> |
||||
</div> |
||||
<div class="v-container"> |
||||
<div class="cjy-about-title text-center m-t-large">资质证书及相关软著</div> |
||||
<div class="row cjy-about-certificate"> |
||||
<div class="col-77" v-for="(item,index) in certificate" :key="index"> |
||||
<div class="list-item flex-align-center"> |
||||
<img :src="item.url" class="img"/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="v-container"> |
||||
<div class="cjy-about-title text-center m-t-large">企业风采</div> |
||||
<div class="cjy-about-demeanou-info"> |
||||
创巨圆坐落于中山东路长安万达商圈瑞城广场，公司总占地面积44.25亩，楼内相关配套设施完善，满足员工工作、生活、娱乐及企业整体发展需求。楼内部构思巧妙，聚合系统集成服务商。现拥有近百名员工，其中高效专业的研发团队超过40人，有着多年技术锤炼和海量服务经验。 |
||||
</div> |
||||
<el-carousel :interval="4000" type="card" height="300px"> |
||||
<el-carousel-item v-for="item in demeanour" :key="item" class="cjy-about-demeanour"> |
||||
<img :src="item.url" class="img"/> |
||||
</el-carousel-item> |
||||
</el-carousel> |
||||
</div> |
||||
<!-- 页面 底部 --> |
||||
<VBottom></VBottom> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import vueSeamlessScroll from 'vue-seamless-scroll' |
||||
|
||||
export default { |
||||
name: "about-us", |
||||
components: { |
||||
vueSeamlessScroll |
||||
}, |
||||
data() { |
||||
return { |
||||
certificate: [], |
||||
demeanour: [], |
||||
step_data: [], |
||||
classOption: { |
||||
limitMoveNum: 2, |
||||
direction: 2, |
||||
} |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getStep() |
||||
this.getCertificate() |
||||
this.getDemeanour() |
||||
}, |
||||
methods: { |
||||
getStep() { |
||||
this.step_data = [ |
||||
{ |
||||
date: "2022-至今", |
||||
content: "以文旅数字化产品为基础，打造成为一家“小而美”的科技型创新企业，为文旅业态赋能，让文旅产业..." |
||||
}, |
||||
{date: "2019-2021", content: "助推全域旅游示范区创建"}, |
||||
{date: "2018", content: "参与邢台、廊坊、石家庄、三地旅发大会建设工作，助推全域旅游示范区创建"}, |
||||
{date: "2007", content: "参与河北省文旅厅旅游云平台项目大数据内容的建设，正式拉开了公司文旅大数据发展的序幕"}, |
||||
{ |
||||
date: "2006", |
||||
content: "以文旅数字化产品为基础，打造成为一家“小而美”的科技型创新企业，为文旅业态赋能，让文旅产业..." |
||||
}, |
||||
{date: "2005", content: "助推全域旅游示范区创建"}, |
||||
{date: "2004", content: "参与邢台、廊坊、石家庄、三地旅发大会建设工作，助推全域旅游示范区创建"}, |
||||
{date: "2003", content: "参与河北省文旅厅旅游云平台项目大数据内容的建设，正式拉开了公司文旅大数据发展的序幕"}, |
||||
] |
||||
}, |
||||
getCertificate() { |
||||
this.certificate = [ |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
{url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
||||
] |
||||
}, |
||||
getDemeanour() { |
||||
this.demeanour = [ |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z506160501R3.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z50616035O13.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z50616051Y57.jpg"}, |
||||
{url: "https://www.lutongwulian.com/uploads/190506/1-1Z50616042I54.jpg"}, |
||||
] |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.cjy-page-item1{ |
||||
height: 600px; |
||||
padding-top: 100px; |
||||
margin-top: -30px; |
||||
background: url("~@/assets/images/about-item1-bg.jpg"); |
||||
background-size: contain; |
||||
background-position: left; |
||||
background-repeat: no-repeat; |
||||
} |
||||
.cjy-page-item3{ |
||||
background: url("~@/assets/images/about-step-bg.jpg"); |
||||
background-size: contain; |
||||
background-position: left; |
||||
background-repeat: no-repeat; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue