Showing
3 changed files
with
13 additions
and
4 deletions
framework @ 75bbc3b0
| @@ -16,17 +16,25 @@ | @@ -16,17 +16,25 @@ | ||
| 16 | border-radius: 30rem / $pxConvertRem; | 16 | border-radius: 30rem / $pxConvertRem; |
| 17 | padding: 0 32rem / $pxConvertRem 0 52rem / $pxConvertRem; | 17 | padding: 0 32rem / $pxConvertRem 0 52rem / $pxConvertRem; |
| 18 | 18 | ||
| 19 | - .search-input { | 19 | + a { |
| 20 | width: 100%; | 20 | width: 100%; |
| 21 | height: 60rem / $pxConvertRem; | 21 | height: 60rem / $pxConvertRem; |
| 22 | border: 0; | 22 | border: 0; |
| 23 | + display: block; | ||
| 24 | + span{ | ||
| 25 | + line-height: 60rem / $pxConvertRem; | ||
| 26 | + color: #bdbdbd; | ||
| 27 | + font-size: 1.2em; | ||
| 28 | + padding-left: 18rem / $pxConvertRem; | ||
| 29 | + } | ||
| 23 | } | 30 | } |
| 24 | 31 | ||
| 25 | .search-icon { | 32 | .search-icon { |
| 26 | position: absolute; | 33 | position: absolute; |
| 27 | font-size: 24rem / $pxConvertRem; | 34 | font-size: 24rem / $pxConvertRem; |
| 28 | - top: 20rem / $pxConvertRem; | 35 | + top: 0; |
| 29 | left: 24rem / $pxConvertRem; | 36 | left: 24rem / $pxConvertRem; |
| 37 | + line-height: 60rem / $pxConvertRem; | ||
| 30 | color: #bdbdbd; | 38 | color: #bdbdbd; |
| 31 | } | 39 | } |
| 32 | 40 |
| @@ -3,7 +3,8 @@ | @@ -3,7 +3,8 @@ | ||
| 3 | <div class="newbrand-search"> | 3 | <div class="newbrand-search"> |
| 4 | <div class="search-box clearfix"> | 4 | <div class="search-box clearfix"> |
| 5 | <a href="{{searchUrl}}" > | 5 | <a href="{{searchUrl}}" > |
| 6 | - <input type="text" class="search-input" placeholder="查找品牌"> | 6 | + <!-- <input type="text" class="search-input" placeholder="查找品牌"> --> |
| 7 | + <span>查找品牌</span> | ||
| 7 | <i class="search-icon iconfont"></i> | 8 | <i class="search-icon iconfont"></i> |
| 8 | </a> | 9 | </a> |
| 9 | </div> | 10 | </div> |
-
Please register or login to post a comment