|
|
|
@ -2,7 +2,45 @@ |
|
|
|
<div class="wrap"> |
|
|
|
<div class="contractus_container" id="contractus_container"> |
|
|
|
<div class="empty"></div> |
|
|
|
<div class="content">12222222223</div> |
|
|
|
<div class="content"> |
|
|
|
<div class="circle"></div> |
|
|
|
<div class="hand"></div> |
|
|
|
<div class="contact_title_container"> |
|
|
|
<div class="yingwen_text"> |
|
|
|
<span>联系我们</span> |
|
|
|
<img :src="Line" alt="" class="line" /> |
|
|
|
</div> |
|
|
|
<img :src="Contact" alt="" class="yingwen" /> |
|
|
|
</div> |
|
|
|
<div class="main_content"> |
|
|
|
<p class="big_title"> |
|
|
|
为产品添彩，为企业赋能<br /> |
|
|
|
打造高逼格/强落地/有卖点的好产品 |
|
|
|
</p> |
|
|
|
<div class="phone_line_1"> |
|
|
|
<div class="item mr"> |
|
|
|
<img :src="Phone" alt="" class="icon" /> |
|
|
|
<p class="phone">袁老师 137 1789 2018</p> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img :src="Phone" alt="" class="icon" /> |
|
|
|
<p class="phone">袁老师 137 1789 2018</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="phone_line_2"> |
|
|
|
<div class="item mr"> |
|
|
|
<img :src="Email" alt="" class="icon" /> |
|
|
|
<p class="phone">info@iflytop.com</p> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img :src="Address" alt="" class="icon" /> |
|
|
|
<p class="phone"> |
|
|
|
北京市昌平区回龙观街道博纳集团3号楼一层 产品梦工厂 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="bottom_text_container"> |
|
|
|
<div> |
|
|
|
<img :src="Logo" alt="" class="img" /> |
|
|
|
@ -42,7 +80,7 @@ |
|
|
|
</p> |
|
|
|
<p> |
|
|
|
专业的团队，加上技术的沉淀，以及自有工厂的加持我们的目标只有一个：做产品，找产品梦工厂就对 |
|
|
|
了帮您节省投资 。 |
|
|
|
了帮您节省投资。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -52,6 +90,11 @@ |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import Logo from '@/assets/img/contract/dilogo.png' |
|
|
|
import Phone from '@/assets/img/contract/dianhua.png' |
|
|
|
import Address from '@/assets/img/contract/dizhi.png' |
|
|
|
import Email from '@/assets/img/contract/youxiang.png' |
|
|
|
import Contact from '@/assets/img/contract/yingwen.png' |
|
|
|
import Line from '@/assets/img/contract/biaotifuhao.png' |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@ -71,6 +114,114 @@ import Logo from '@/assets/img/contract/dilogo.png' |
|
|
|
} |
|
|
|
.content { |
|
|
|
flex: 1; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
.contact_title_container { |
|
|
|
position: absolute; |
|
|
|
left: 152px; |
|
|
|
top: 67px; |
|
|
|
width: 337px; |
|
|
|
height: 157px; |
|
|
|
box-sizing: border-box; |
|
|
|
.yingwen_text { |
|
|
|
font-size: 36px; |
|
|
|
font-family: 'SourceHanSans'; |
|
|
|
margin-bottom: 59px; |
|
|
|
font-weight: bold; |
|
|
|
color: #000000; |
|
|
|
position: relative; |
|
|
|
.line { |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
width: 40px; |
|
|
|
height: 4px; |
|
|
|
top: -15px; |
|
|
|
} |
|
|
|
} |
|
|
|
.yingwen { |
|
|
|
width: 337px; |
|
|
|
height: 46px; |
|
|
|
} |
|
|
|
} |
|
|
|
.main_content { |
|
|
|
position: absolute; |
|
|
|
right: 132px; |
|
|
|
bottom: 60px; |
|
|
|
width: 834px; |
|
|
|
height: 459px; |
|
|
|
.big_title { |
|
|
|
font-size: 48px; |
|
|
|
font-family: 'Alibaba PuHuiTi'; |
|
|
|
line-height: 62px; |
|
|
|
font-weight: bold; |
|
|
|
color: #000000; |
|
|
|
margin-bottom: 67px; |
|
|
|
} |
|
|
|
.phone_line_1 { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 35px; |
|
|
|
.mr { |
|
|
|
margin-right: 55px; |
|
|
|
} |
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 18px; |
|
|
|
font-family: 'SourceHanSans'; |
|
|
|
font-weight: 400; |
|
|
|
color: #646a73; |
|
|
|
.icon { |
|
|
|
width: 34px; |
|
|
|
height: 34px; |
|
|
|
} |
|
|
|
.phone { |
|
|
|
margin-left: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.phone_line_2 { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 35px; |
|
|
|
.mr { |
|
|
|
margin-right: 92px; |
|
|
|
} |
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 18px; |
|
|
|
font-family: 'SourceHanSans'; |
|
|
|
font-weight: 400; |
|
|
|
color: #646a73; |
|
|
|
.icon { |
|
|
|
width: 34px; |
|
|
|
height: 34px; |
|
|
|
} |
|
|
|
.phone { |
|
|
|
margin-left: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.circle { |
|
|
|
position: absolute; |
|
|
|
bottom: -224px; |
|
|
|
background: url(../../../../assets/img/contract/yuanback.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
left: 0; |
|
|
|
width: 751px; |
|
|
|
height: 578px; |
|
|
|
} |
|
|
|
.hand { |
|
|
|
position: absolute; |
|
|
|
bottom: -55px; |
|
|
|
background: url(../../../../assets/img/contract/shouji.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
left: 166px; |
|
|
|
width: 401px; |
|
|
|
height: 496px; |
|
|
|
} |
|
|
|
} |
|
|
|
.bottom_text_container { |
|
|
|
height: 224px; |
|
|
|
|
maochaoying
2 years ago