test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-01 03:18:16 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #876 from nwind/master

Browse Source 
tweak: 优化搜索结果样式
This commit is contained in:
liaoxuezhi 2020-08-21 13:02:16 +08:00 committed by GitHub
commit 546fcb8480
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
examples/components/App.tsx
View File

@ -281,9 +281,10 @@ export class App extends React.PureComponent {
}}
/>
</div>
</div>
<div className={`${theme.ns}Layout-searchBar hidden-xs hidden-sm`}>
<DocSearch theme={this.state.theme.value} />
<div className="hidden-xs p-t pull-right">
<DocSearch theme={this.state.theme.value} />
</div>
</div>
<a

24
examples/components/DocSearch.jsx
View File

@ -68,18 +68,20 @@ export default class DocSearch extends React.Component {
render() {
const searchResults = this.state.searchResults;
return (
<div className="p-l p-t">
<div className="p-r">
<SearchBox onSearch={this.onSearch} onCancel={this.onSearchCancel} />
<div className="search-result">
{searchResults.map(item => {
return (
<a href={'/' + item.path} key={`list_${item.path}`}>
<h5>{item.title}</h5>
<p dangerouslySetInnerHTML={{__html: item.abstract}} />
</a>
);
})}
</div>
{searchResults.length > 0 ? (
<div className="search-result">
{searchResults.map(item => {
return (
<a href={'/' + item.path} key={`list_${item.path}`}>
<h5>{item.title}</h5>
<p dangerouslySetInnerHTML={{__html: item.abstract}} />
</a>
);
})}
</div>
) : null}
</div>
);
}

10
examples/style.scss
View File

@ -714,11 +714,19 @@ a {
.search-result {
background-color: #fff;
top: 45px;
top: 50px;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
box-shadow: 0px 2px 7px #888888;
a {
padding: 0 5px;
display: block;
}
a:hover {
background-color: $gray200;
}
}
.dark {