4 changed files with 147 additions and 3 deletions
|
After Width: | Height: | Size: 1.6 KiB |
@ -0,0 +1,128 @@ |
|||
<template> |
|||
<div class="address_edit"> |
|||
<!-- 导航栏 --> |
|||
<div class="header_body"> |
|||
<header-nav |
|||
:slefBack="true" |
|||
@goBack="goBack" |
|||
:titelText="`企业搜索(没有二维码)`" |
|||
> |
|||
</header-nav> |
|||
</div> |
|||
<!-- 中间 --> |
|||
<div class="warp_body"> |
|||
<!-- {{ content }}--> |
|||
<div class="subsearch"> |
|||
<input class="searchbox" placeholder="请输入关键字搜索" name="keyword" id="" onclick=""> |
|||
</div> |
|||
<div class="search-result"> |
|||
<div class="case-item"> |
|||
<div class="case-title">深圳市鹏程万里智慧科技有限公司</div> |
|||
<div class="case-info">统一社会信用代码:91511402MAA8RLGP7K</div> |
|||
<div class="case-area">福田区华强街道</div> |
|||
<div class="case-info"><span>法定代表人:张伟</span><span>证件号:4455**********0667</span></div> |
|||
<div class="case-info"><span>企业联系人:李玉明</span><span>联系电话:133****2558</span></div> |
|||
</div> |
|||
<div class="case-item"> |
|||
<div class="case-title">深圳市鹏程展翼建筑装饰工程有限公司</div> |
|||
<div class="case-info">统一社会信用代码:92511402MAA8RLGP69</div> |
|||
<div class="case-area">福田区华强街道</div> |
|||
<div class="case-info"><span>法定代表人:王展华</span><span>证件号:4455**********0667</span></div> |
|||
<div class="case-info"><span>企业联系人:卫军</span><span>联系电话:133****2558</span></div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
.address_edit { |
|||
display: flex; |
|||
flex-direction: column; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
background-color: #ebf3fb; |
|||
} |
|||
.warp_body { |
|||
background-image: linear-gradient(to bottom, #ebf3fb, #fff); |
|||
} |
|||
|
|||
.subsearch { |
|||
width: 100%; |
|||
height: 1.25rem; |
|||
font-size: 0.38rem; |
|||
} |
|||
|
|||
.searchbox { |
|||
margin: 2% 3%; |
|||
padding: 0.15rem 0.3rem 0.1rem 1.15rem; |
|||
width: 94%; |
|||
height: 1.0rem; |
|||
background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat; |
|||
background-position: left 0.5rem center; |
|||
background-size: auto 50%; |
|||
box-sizing: border-box; |
|||
border: 1px solid rgba(0,0,0,.05); |
|||
border-radius: 0.5rem; |
|||
color: #999999; |
|||
outline: none; |
|||
} |
|||
|
|||
.search-result { |
|||
margin: 1% 3%; |
|||
padding-bottom: 2rem; |
|||
width: 94%; |
|||
background: #fff; |
|||
} |
|||
|
|||
.case-item { |
|||
margin: 3% 4%; |
|||
padding: 2% 0; |
|||
width: 92%; |
|||
font-size: 0.35rem; |
|||
border-bottom: 1px solid #f4f4f4; |
|||
color: #999; |
|||
line-height: 2; |
|||
} |
|||
|
|||
.case-title { |
|||
margin: 2% 0; |
|||
padding-left: 0.65rem; |
|||
background: url(/src/assets/images/icon_jd.png) no-repeat left top 0.08rem; |
|||
background-size: auto 0.5rem; |
|||
font-size: 0.5rem; |
|||
color: #000; |
|||
line-height: 1.25; |
|||
} |
|||
|
|||
.case-area { |
|||
display: table; |
|||
margin: 2% 0 2% -4.5%; |
|||
padding: 1% 15% 1% 4%; |
|||
width: auto; |
|||
background-color: #d0e5ff; |
|||
color: #077bf7; |
|||
font-size: 0.4rem; |
|||
border-radius: 0 0.75rem 0.75rem 0; |
|||
} |
|||
|
|||
.case-info { |
|||
display: flex; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.case-info span { |
|||
width: 45%; |
|||
} |
|||
|
|||
|
|||
|
|||
</style> |
|||
Loading…
Reference in new issue