fe / YOHOBUYWAP · Commits

Go to a project

Authored by ccbikai
Commit 19795b4c8d65fe863812a2a2f080652e5f81265d 1 parent 0e61b6a7

搜索页 搜索框调整

Inline Side-by-side
Showing 1 changed file with 31 additions and 27 deletions
.search-page {
.search-input {
position: relative;
padding: 7px 98px 7px 15px;
padding: 14rem / $pxConvertRem 196rem / $pxConvertRem 14rem / $pxConvertRem 30rem / $pxConvertRem;
background: #f8f8f8;
form {
width: 100%;
}
.search-icon {
position: absolute;
font-size: 12px;
top: 16px;
left: 24px;
font-size: 24rem / $pxConvertRem;
top: 32rem / $pxConvertRem;
left: 48rem / $pxConvertRem;
color: #b2b2b2;
}
input {
height: 30px;
width: 100%;
border-radius: 15px;
padding: 0 26px;
height: 60rem / $pxConvertRem;
width: 468rem / $pxConvertRem;
border-radius: 30rem / $pxConvertRem;
padding-left: 52rem / $pxConvertRem;
font-size: 24rem / $pxConvertRem;
background: #fff;
border: none;
}
.clear-input {
position: absolute;
top: 12px;
right: 50px;
top: 24rem / $pxConvertRem;
right: 110rem / $pxConvertRem;
font-size: 32rem / $pxConvertRem;
color: #b2b2b2;
}
.search {
position: absolute;
top: 12px;
top: 20rem / $pxConvertRem;
right: 0;
border: none;
background: transparent;
font-size: 16px;
font-size: 32rem / $pxConvertRem;
}
}
.search-items {
padding: 20px 10px;
padding: 40rem / $pxConvertRem 20rem / $pxConvertRem;
h3 {
font-size: 12px;
margin-bottom: 10px;
font-size: 24rem / $pxConvertRem;
margin-bottom: 20rem / $pxConvertRem;
}
li {
float: left;
height: 34px;
line-height: 34px;
font-size: 14px;
height: 34px;
line-height: 34px;
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
height: 68rem / $pxConvertRem;
line-height: 68rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
height: 68rem / $pxConvertRem;
line-height: 38rem / $pxConvertRem;
margin-right: 20rem / $pxConvertRem;
margin-bottom: 20rem / $pxConvertRem;
padding: 0 20rem / $pxConvertRem;
background: #f8f8f8;
color: #000;
}
.clear-history {
height: 32px;
line-height: 32px;
height: 64rem / $pxConvertRem;
line-height: 64rem / $pxConvertRem;
border: 1px solid #e6e6e6;
background: #fff;
font-size: 14px;
font-size: 28rem / $pxConvertRem;
}
}
}
\ No newline at end of file
... ...