fe / YOHOBUYWAP · Commits

Go to a project

Authored by 郝肖肖
Commit f962bac7ae51dd51466fb76bf73ec98d800581e1 1 parent 6e001a77

历史搜索页面

Inline Side-by-side
Showing 2 changed files with 39 additions and 22 deletions
... ... @@ -73,14 +73,6 @@
white-space: nowrap;
}
.clear-history {
height: 64px;
line-height: 64px;
border: 1px solid #e6e6e6;
background: #fff;
font-size: 28px;
}
.clear-icon{
float: right;
background: #fff;
... ... @@ -89,6 +81,25 @@
span{
margin-right: 5px;
}
.search-group{
border-bottom: 1px solid #e6e6e6;
margin: 15px 0px;
.search-content-title{
height: 40px;
.left{
float: left;
}
.right{
float: right;
}
}
.search-content{
clear: both;
}
}
}
}
... ...
... ... @@ -11,21 +11,27 @@
</form>
</div>
<div class="search-items">
<div class="hot-search hide">
<h3>热门搜索</h3>
<ul class="hot clearfix">
{{# hot}}
<li>
<a href={{url}}>{{name}}</a>
</li>
{{/ hot}}
</ul>
<div class="search-group history-search hide">
<div class="search-content-title">
<h3 class="left">最近搜索</h3>
<i id="clear-history" class="right iconfont hide"></i>
</div>
<div class="search-content">
<ul class="history clearfix"></ul>
</div>
</div>
<div class="history-search hide">
<h3>历史搜索</h3>
<ul class="history clearfix"></ul>
</div>
<button id="clear-history" class="clear-history hide">清空搜索历史</button>
{{#if hotTerms}}
<div class="search-group hot-search">
<h3>热门搜索</h3>
<ul class="hot clearfix">
{{# hotTerms}}
<li>
<a href='/?query={{content}}'>{{content}}</a>
</li>
{{/ hotTerms}}
</ul>
</div>
{{/if}}
</div>
{{/ search}}
</div>
... ...