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