fe / YOHOBUYPC · Commits

Go to a project

Authored by ccbikai
Commit 2e87a4bb5eed19e2846fecfef8c72772654ed71a 1 parent c41ec492

频道选择页 logo 遮挡

Inline Side-by-side
Showing 3 changed files with 7 additions and 6 deletions
framework @ 75bbc3b0
1 -Subproject commit 119c247f5cf929aa1e059e40609bb16dd6b58f05 1 +Subproject commit 75bbc3b075de19f239532f60c5995d06c5f814e2
@@ -10,7 +10,7 @@ var $searchBox = $('.search-box'), @@ -10,7 +10,7 @@ var $searchBox = $('.search-box'),
10 10
11 function showBigSearch() { 11 function showBigSearch() {
12 $indexLogo.css({ 12 $indexLogo.css({
13 - width: 0 13 + opacity: 0
14 }); 14 });
15 $searchBox.css({ 15 $searchBox.css({
16 width: '12.8rem' 16 width: '12.8rem'
@@ -23,7 +23,7 @@ function showBigSearch() { @@ -23,7 +23,7 @@ function showBigSearch() {
23 23
24 function hideBigSearch() { 24 function hideBigSearch() {
25 $indexLogo.css({ 25 $indexLogo.css({
26 - width: '5.4rem' 26 + opacity: 1
27 }); 27 });
28 $searchBox.css({ 28 $searchBox.css({
29 width: '8.8rem' 29 width: '8.8rem'
@@ -13,8 +13,8 @@ @@ -13,8 +13,8 @@
13 font-size: 50rem / $pxConvertRem; 13 font-size: 50rem / $pxConvertRem;
14 width: 216rem / $pxConvertRem; 14 width: 216rem / $pxConvertRem;
15 color: #343434; 15 color: #343434;
16 - overflow: hidden;  
17 - transition: width 400ms; 16 + opacity: 1;
  17 + transition: all 400ms;
18 } 18 }
19 19
20 .index-search { 20 .index-search {
@@ -22,7 +22,8 @@ @@ -22,7 +22,8 @@
22 top: 0; 22 top: 0;
23 right: 0; 23 right: 0;
24 width: 384rem / $pxConvertRem; 24 width: 384rem / $pxConvertRem;
25 - height: 112rem / $pxConvertRem; 25 + height: 96rem / $pxConvertRem;
  26 + background: #fff;
26 overflow: hidden; 27 overflow: hidden;
27 z-index: 3; 28 z-index: 3;
28 @include transition(width .4s); 29 @include transition(width .4s);