124 lines
3.8 KiB
Vue
124 lines
3.8 KiB
Vue
|
<template>
|
|||
|
|
<div class="page">
|
|||
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|||
|
|
<el-tab-pane label="公司介绍" name="1">
|
|||
|
|
<div class="item-1">
|
|||
|
|
<h3>江苏中业消防技术服务有限公司公司简介</h3>
|
|||
|
|
<p>
|
|||
|
|
江苏中业消防技术服务有限公司位于江苏省连云港市，注册资本1000万元，具备消防设施工程专业承包贰级、建筑装修装饰工程专业承包贰级、施工劳务不分等级资质，同时具备建筑消防设施检测、维保、评估资质。是一家集设计咨询、消防技术咨询、消防工程技术服务、消防施工、火灾隐患排查整治指导及消防设施维护保养、检测、安全评估为一体的综合性消防技术服务机构，一直致力于消防领域的科学研究与社会消防技术服务，实现品牌创造与效益双赢。
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
公司技术力量雄厚
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<el-tab-pane label="组织机构" name="2">
|
|||
|
|
<div class="item-2">
|
|||
|
|
<img src="@/assets/images/组 21 拷贝.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<el-tab-pane label="资质证书" name="3">
|
|||
|
|
<div class="item-3">
|
|||
|
|
<div class="item" v-for="i in 5">
|
|||
|
|
<img src="@/assets/images/15探海神龟.jpg" alt="">
|
|||
|
|
<div class="title">安全生产许可证</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<el-tab-pane label="联系我们" name="4">
|
|||
|
|
|
|||
|
|
</el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'Bottom',
|
|||
|
|
components: {
|
|||
|
|
},
|
|||
|
|
data(){
|
|||
|
|
return{
|
|||
|
|
activeName: '1'
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created(){
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods:{
|
|||
|
|
handleClick(tabsPaneContext,e){
|
|||
|
|
console.log(tabsPaneContext)
|
|||
|
|
console.log(e)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
::v-deep .el-tabs__nav-scroll{
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
::v-deep .el-tabs__item:hover{
|
|||
|
|
color: #1D2088;
|
|||
|
|
}
|
|||
|
|
::v-deep .el-tabs__item.is-active{
|
|||
|
|
color: #1D2088;
|
|||
|
|
}
|
|||
|
|
::v-deep .el-tabs__active-bar{
|
|||
|
|
background-color: #1D2088;
|
|||
|
|
}
|
|||
|
|
.page{
|
|||
|
|
min-height: 10.75rem;
|
|||
|
|
background: url('@/assets/images/1.png') no-repeat;
|
|||
|
|
background-size: auto 8.25rem;
|
|||
|
|
background-position: 0 1.5rem;
|
|||
|
|
|
|||
|
|
.item-1{
|
|||
|
|
font-size: .225rem;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: .6rem;
|
|||
|
|
font-family: Source Han Sans CN;
|
|||
|
|
padding: 1rem 2.375rem;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.item-2{
|
|||
|
|
margin-top: 1rem;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
img{
|
|||
|
|
width: 13.7125rem;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.item-3{
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
padding: 1rem 2.475rem;
|
|||
|
|
background-color: #fff;
|
|||
|
|
/* justify-content: space-between; */
|
|||
|
|
.item{
|
|||
|
|
width: 33.3%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: .375rem;
|
|||
|
|
img{
|
|||
|
|
width: 90%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.title{
|
|||
|
|
margin-top: .125rem;
|
|||
|
|
font-size: .25rem;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|