152 lines
3.7 KiB
Vue
152 lines
3.7 KiB
Vue
<template>
|
||
<div>
|
||
<Header></Header>
|
||
<div class="main">
|
||
<div class="left">
|
||
<div class="left-title">
|
||
<div class="title">
|
||
战略合作
|
||
</div>
|
||
</div>
|
||
<div class="tab-list">
|
||
<ul>
|
||
<li :class="{active: tab == 0}" @click="tab = 0">战略合作</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<div class="location">
|
||
当前位置：<router-link to="/">首页</router-link> > 战略合作
|
||
</div>
|
||
<div class="right-content">
|
||
<h3>联系我们</h3>
|
||
<div class="cooperation">
|
||
<h4>中经国际招标集团有限公司</h4>
|
||
<p>联系人：何经理</p>
|
||
<p>电 话：010-68372787</p>
|
||
<p>传 真：010-68373131</p>
|
||
<p>邮 编：100013</p>
|
||
<p>官 网：www.ceitcl.com </p>
|
||
<p>地 址：北京市东城区滨河路1号</p>
|
||
</div>
|
||
<div class="cooperation">
|
||
<h4>中经国际招标集团有限公司企业发展部</h4>
|
||
<p>联系人：何经理</p>
|
||
<p>电 话：010-68372787</p>
|
||
<p>传 真：010-68373131</p>
|
||
<p>邮 编：100013</p>
|
||
<p>官 网：www.ceitcl.com </p>
|
||
<p>地 址：北京市东城区滨河路1号</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<Footer></Footer>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Header from '@/assets/components/Header'
|
||
import Footer from '@/assets/components/Footer'
|
||
export default {
|
||
name: 'Cooperation',
|
||
components: {
|
||
Header,
|
||
Footer
|
||
},
|
||
data () {
|
||
return {
|
||
tab: 0
|
||
}
|
||
},
|
||
methods: {},
|
||
mounted: function () {}
|
||
}
|
||
</script>
|
||
|
||
<style lang="stylus" rel="stylesheet/stylus" scoped>
|
||
.main
|
||
width 1200px
|
||
margin 20px auto
|
||
overflow hidden
|
||
.left
|
||
width 350px
|
||
float left
|
||
padding 0 20px
|
||
box-sizing border-box
|
||
border 1px solid #e3e3e3
|
||
border-bottom 3px solid #e3e3e3
|
||
.left-title
|
||
height 50px
|
||
font-size 16px
|
||
color #333
|
||
border-bottom 1px solid #e3e3e3
|
||
.title
|
||
display inline-block
|
||
border-top 4px solid #ff4f01
|
||
line-height 46px
|
||
box-sizing border-box
|
||
.tab-list
|
||
padding 20px 0
|
||
ul
|
||
li
|
||
border-bottom 1px dashed #e3e3e3
|
||
padding-left 30px
|
||
height 45px
|
||
line-height 45px
|
||
box-sizing border-box
|
||
font-size 16px
|
||
color #333
|
||
position relative
|
||
cursor pointer
|
||
&.active
|
||
background #ededed
|
||
color #ff4f01
|
||
&:after
|
||
content ''
|
||
display block
|
||
width 3px
|
||
height 100%
|
||
background #ff4f01
|
||
position absolute
|
||
top 0
|
||
left 0
|
||
.right
|
||
float right
|
||
width 830px
|
||
padding 0 20px
|
||
box-sizing border-box
|
||
border 1px solid #e3e3e3
|
||
border-bottom 3px solid #e3e3e3
|
||
.location
|
||
height 50px
|
||
line-height 50px
|
||
border-bottom 1px solid #e3e3e3
|
||
font-size 14px
|
||
color #333
|
||
a
|
||
color #333
|
||
.right-content
|
||
margin 20px 0
|
||
min-height 500px
|
||
h3
|
||
font-size 18px
|
||
text-align center
|
||
margin-bottom 20px
|
||
color #333
|
||
p
|
||
font-size 14px
|
||
line-height 25px
|
||
text-indent 28px
|
||
margin-bottom 20px
|
||
.cooperation
|
||
margin-bottom 20px
|
||
h4
|
||
font-size 14px
|
||
color #333
|
||
p
|
||
text-indent 0
|
||
line-height 30px
|
||
margin-bottom 0
|
||
</style>
|