Authored by uedxwg

品牌搜索框调整

@@ -14,6 +14,7 @@ var swiper, @@ -14,6 +14,7 @@ var swiper,
14 $brandText, 14 $brandText,
15 $brandHref, 15 $brandHref,
16 $brandList = $('.brand-list'); 16 $brandList = $('.brand-list');
  17 +var $icon = $('.search-icon');
17 18
18 var searchH = $('.newbrand-search').outerHeight(), 19 var searchH = $('.newbrand-search').outerHeight(),
19 headerH = $('.yoho-header').outerHeight(), 20 headerH = $('.yoho-header').outerHeight(),
@@ -142,9 +143,11 @@ if ($('.brand-search-page').length) { @@ -142,9 +143,11 @@ if ($('.brand-search-page').length) {
142 $('.history').css('display', 'none'); 143 $('.history').css('display', 'none');
143 if ($keyword.val().length) { 144 if ($keyword.val().length) {
144 searchResult(); 145 searchResult();
  146 + $icon.css('color', '#000');
145 $(this).closest('.search-box').css('width', '11.25rem'); 147 $(this).closest('.search-box').css('width', '11.25rem');
146 $('.search-action').show(); 148 $('.search-action').show();
147 } else { 149 } else {
  150 + $icon.css('color', '#b2b2b2');
148 $(this).closest('.search-box').css('width', '12.5rem'); 151 $(this).closest('.search-box').css('width', '12.5rem');
149 $('.search-action').hide(); 152 $('.search-action').hide();
150 } 153 }
@@ -34,10 +34,10 @@ chHammer.on('tap', function() { @@ -34,10 +34,10 @@ chHammer.on('tap', function() {
34 34
35 $input.on('input', function() { 35 $input.on('input', function() {
36 if ($input.val() === '') { 36 if ($input.val() === '') {
37 - $icon.css('color','#b2b2b2'); 37 + $icon.css('color', '#b2b2b2');
38 $clear.addClass('hide'); 38 $clear.addClass('hide');
39 } else { 39 } else {
40 - $icon.css('color','#000'); 40 + $icon.css('color', '#000');
41 $clear.removeClass('hide'); 41 $clear.removeClass('hide');
42 } 42 }
43 }); 43 });
@@ -44,7 +44,8 @@ @@ -44,7 +44,8 @@
44 border: none; 44 border: none;
45 width: 95%; 45 width: 95%;
46 height: 60rem / $pxConvertRem; 46 height: 60rem / $pxConvertRem;
47 - line-height: 1; 47 + line-height: 60rem / $pxConvertRem;
  48 + font-size: 1.2em;
48 padding: 0 10rem / $pxConvertRem; 49 padding: 0 10rem / $pxConvertRem;
49 } 50 }
50 51