A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/29 -17:20:01

Browse Source
This commit is contained in:
XiaoMo 2023-03-29 17:20:11 +08:00
parent 19b61e6664
commit 1c713911de
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/search/searchResult/SearchResult.vue
View File

@ -4,12 +4,15 @@
<div class="search-input-box flexacenter"> <div class="search-input-box flexacenter">
<div class="search-input flexacenter"> <div class="search-input flexacenter">
<img class="search-input-icon" src="@/assets/img/headerNav/search.png"> <img class="search-input-icon" src="@/assets/img/headerNav/search.png">
<input class="flex1" /> <input class="search-input-input flex1" placeholder="请输入搜索关键词" />
<img class="search-input-cross" src="@/assets/img/icon/clear.png"> <img class="search-input-cross" src="@/assets/img/icon/clear.png">
</div> </div>
<div class="search-input-cancel">取消</div> <div class="search-input-cancel">取消</div>
</div> </div>
<!-- 结果数量 -->
<div class="">大约找到 <div class="">{{800}}</div> 条结果</div>
</div> </div>
</template> </template>
@ -41,7 +44,6 @@ export default {
height: .96rem; height: .96rem;
border-radius: 2.56rem; border-radius: 2.56rem;
background: rgba(235, 235, 235, 1); background: rgba(235, 235, 235, 1);
padding-left: .4rem;
.search-input-icon, .search-input-icon,
.search-input-cross { .search-input-cross {
@ -49,16 +51,28 @@ export default {
height: .4rem; height: .4rem;
} }
.search-input-icon {
padding: 0 .4rem;
}
.search-input-cross { .search-input-cross {
padding-right: .4rem; padding-right: .4rem;
} }
.search-input-input {
height: 100%;
background: transparent;
border: none;
outline: none;
}
} }
.search-input-cancel { .search-input-cancel {
color: #000; color: #000;
font-size: .36rem; font-size: .36rem;
padding: .46rem; padding-left: .46rem;
width: .74rem;
} }
} }