diff --git a/css/school.css b/css/school.css index 62c7681..1e0a50f 100644 --- a/css/school.css +++ b/css/school.css @@ -520,10 +520,13 @@ left: 50%; z-index: 102; transform: translateX(-50%); - animation: sortShow 0.3s; + animation: sortShow150 0.3s; overflow: hidden; } -@keyframes sortShow { +.content .body .right .h .sort .sort-list.sort-list-tow { + animation: sortShow100 0.3s; +} +@keyframes sortShow150 { 0% { height: 0; } @@ -531,6 +534,14 @@ height: 150px; } } +@keyframes sortShow100 { + 0% { + height: 0; + } + 100% { + height: 100px; + } +} .content .body .right .h .sort .sort-list .sort-item { height: 50px; line-height: 50px; diff --git a/css/school.less b/css/school.less index 7ae9eea..994ef38 100644 --- a/css/school.less +++ b/css/school.less @@ -583,10 +583,13 @@ left: 50%; z-index: 102; transform: translateX(-50%); - animation: sortShow 0.3s; + animation: sortShow150 0.3s; overflow: hidden; + &.sort-list-tow { + animation: sortShow100 0.3s; + } - @keyframes sortShow { + @keyframes sortShow150 { 0% { height: 0; } @@ -596,6 +599,16 @@ } } + @keyframes sortShow100 { + 0% { + height: 0; + } + + 100% { + height: 100px; + } + } + .sort-item { height: 50px; line-height: 50px;