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