|
|
|
@ -1,17 +1,57 @@ |
|
|
|
<template> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="contractus_container" id="contractus_container"></div> |
|
|
|
<div class="contractus_container" id="contractus_container"> |
|
|
|
<div class="empty"></div> |
|
|
|
<div class="content">12222222223</div> |
|
|
|
<div class="bottom_text_container"> |
|
|
|
<div> |
|
|
|
<img :src="Logo" alt="" class="img" /> |
|
|
|
</div> |
|
|
|
<div class="some_link_container"> |
|
|
|
<div class="some_link"> |
|
|
|
<p>首页</p> |
|
|
|
<p>|</p> |
|
|
|
<p>工业设计</p> |
|
|
|
<p>|</p> |
|
|
|
<p>企业文化</p> |
|
|
|
<p>|</p> |
|
|
|
<p>软硬件开发</p> |
|
|
|
<p>|</p> |
|
|
|
<p>招聘</p> |
|
|
|
<p>|</p> |
|
|
|
<p>联系我们</p> |
|
|
|
<p>|</p> |
|
|
|
<p>关于我们</p> |
|
|
|
</div> |
|
|
|
<div class="address"> |
|
|
|
<p>北京市昌平区回龙观</p> |
|
|
|
<p class="compony">产品梦工厂</p> |
|
|
|
</div> |
|
|
|
<div class="contract_type"> |
|
|
|
<p class="phone_1">Tel：13717892017</p> |
|
|
|
<p>Tel：13161967787</p> |
|
|
|
<p class="email"> |
|
|
|
邮箱：<span class="blue_text">info@iflytop.com</span> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="intro"> |
|
|
|
<p class="text1"> |
|
|
|
专业从事研发12年，产品梦工厂,作为一家资深的研发公司，主导了大量产品从需求→产品定义→策划 |
|
|
|
→外观→结构→硬件→嵌软→软件→全功能样机→模具→批量→灰度测试→产能爬坡的全流程经验。 |
|
|
|
</p> |
|
|
|
<p> |
|
|
|
专业的团队，加上技术的沉淀，以及自有工厂的加持我们的目标只有一个：做产品，找产品梦工厂就对 |
|
|
|
了帮您节省投资 。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { ref, onMounted } from 'vue' |
|
|
|
import { handleScreenAuto } from '@/common/utils' |
|
|
|
const showEmpty = ref(false) |
|
|
|
onMounted(() => { |
|
|
|
handleScreenAuto(showEmpty, '#contractus_container') |
|
|
|
window.onresize = handleScreenAuto(showEmpty, '#contractus_container') |
|
|
|
}) |
|
|
|
import Logo from '@/assets/img/contract/dilogo.png' |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@ -23,6 +63,86 @@ onMounted(() => { |
|
|
|
.contractus_container { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
.empty { |
|
|
|
min-height: 90px; |
|
|
|
} |
|
|
|
.content { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
.bottom_text_container { |
|
|
|
height: 224px; |
|
|
|
box-sizing: border-box; |
|
|
|
background: url(../../../../assets/img/contract/diback.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding: 55px 105px; |
|
|
|
.img { |
|
|
|
width: 86px; |
|
|
|
height: 77px; |
|
|
|
} |
|
|
|
.some_link_container { |
|
|
|
height: 100%; |
|
|
|
margin: 0 177px 0 100px; |
|
|
|
.some_link { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
width: 611px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: 'SourceHanSansLight'; |
|
|
|
font-weight: 300; |
|
|
|
color: #b7b7b7; |
|
|
|
margin-bottom: 35px; |
|
|
|
} |
|
|
|
.address { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
font-family: 'SourceHanSansLight'; |
|
|
|
font-weight: 300; |
|
|
|
color: #b7b7b7; |
|
|
|
margin-bottom: 34px; |
|
|
|
.compony { |
|
|
|
margin-left: 24px; |
|
|
|
} |
|
|
|
} |
|
|
|
.contract_type { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
font-family: 'SourceHanSansLight'; |
|
|
|
font-weight: 300; |
|
|
|
color: #b7b7b7; |
|
|
|
letter-spacing: 3px; |
|
|
|
white-space: nowrap; |
|
|
|
.phone_1 { |
|
|
|
margin-right: 36px; |
|
|
|
} |
|
|
|
.email { |
|
|
|
margin-left: 36px; |
|
|
|
.blue_text { |
|
|
|
color: $theme_color; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.intro { |
|
|
|
font-size: 14px; |
|
|
|
font-family: 'SourceHanSansLight'; |
|
|
|
font-weight: 300; |
|
|
|
color: #b7b7b7; |
|
|
|
line-height: 20px; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
maochaoying
2 years ago
