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>
|
||
|