Authored by uedxwg

搜索修改

1 .search-page { 1 .search-page {
2 .search-input { 2 .search-input {
3 position: relative; 3 position: relative;
4 - padding: 14rem / $pxConvertRem 196rem / $pxConvertRem 14rem / $pxConvertRem 30rem / $pxConvertRem; 4 + padding: 14rem / $pxConvertRem 22rem / $pxConvertRem;
5 background: #f8f8f8; 5 background: #f8f8f8;
6 form { 6 form {
7 width: 100%; 7 width: 100%;
@@ -9,15 +9,15 @@ @@ -9,15 +9,15 @@
9 .search-icon { 9 .search-icon {
10 position: absolute; 10 position: absolute;
11 font-size: 24rem / $pxConvertRem; 11 font-size: 24rem / $pxConvertRem;
12 - top: 32rem / $pxConvertRem;  
13 - left: 48rem / $pxConvertRem; 12 + top: 26rem / $pxConvertRem;
  13 + left: 36rem / $pxConvertRem;
14 color: #b2b2b2; 14 color: #b2b2b2;
15 } 15 }
16 16
17 input { 17 input {
18 - height: 60rem / $pxConvertRem;  
19 - width: 468rem / $pxConvertRem;  
20 - border-radius: 30rem / $pxConvertRem; 18 + height: 56rem / $pxConvertRem;
  19 + width: 430rem / $pxConvertRem;
  20 + border-radius: 28rem / $pxConvertRem;
21 padding-left: 52rem / $pxConvertRem; 21 padding-left: 52rem / $pxConvertRem;
22 font-size: 24rem / $pxConvertRem; 22 font-size: 24rem / $pxConvertRem;
23 background: #fff; 23 background: #fff;
@@ -35,10 +35,10 @@ @@ -35,10 +35,10 @@
35 .search { 35 .search {
36 position: absolute; 36 position: absolute;
37 top: 16rem / $pxConvertRem; 37 top: 16rem / $pxConvertRem;
38 - right: 12rem / $pxConvertRem; 38 + left: 515rem / $pxConvertRem;
39 border: none; 39 border: none;
40 background: transparent; 40 background: transparent;
41 - color: #b2b2b2; 41 + color: #000;
42 font-size: 32rem / $pxConvertRem; 42 font-size: 32rem / $pxConvertRem;
43 line-height: 64rem / $pxConvertRem; 43 line-height: 64rem / $pxConvertRem;
44 } 44 }