diff --git a/src/css/layer-normal.scss b/src/css/layer-normal.scss index 884e660..2969658 100644 --- a/src/css/layer-normal.scss +++ b/src/css/layer-normal.scss @@ -119,7 +119,7 @@ .dot-box {position:absolute;display:block;} /* 常规的转动 */ - &.style-1,&.style-2 { + &.style-1 { .dot-box {width:70%;height:70%;margin:15%;line-height:70px;font-size:70px;text-align:center; @@ -130,12 +130,10 @@ &.style-1 { .dot-box {animation: circle .8s infinite linear;} } - &.style-2 { - .dot-box {animation: round .6s infinite linear;} - } + /* 频谱波动 */ - &.style-3 {height:50px; + &.style-2 {height:50px; .dot-box{width:100%;height:100%; @@ -150,7 +148,7 @@ } /* 缓动圆圈 */ - &.style-4 { + &.style-3 { .dot-box{width:60%;height:60%;margin:20%; @@ -167,7 +165,7 @@ } /* 矩阵 */ - &.style-5 { + &.style-4 { .dot-box{width:90%;height:90%;margin:5%; @@ -222,13 +220,6 @@ 70%,to {transform: rotate(405deg);} } -@keyframes round { - from,24.99%, to {transform:rotate(0deg)} - 25%,49.99% {transform:rotate(90deg)} - 50%,74.99% {transform:rotate(180deg)} - 75%,99.99% {transform:rotate(270deg)} -} - @keyframes bounce { 25% {transform: scaleY(1.3);} diff --git a/src/layer/index.js b/src/layer/index.js index b7f929b..68c7ca2 100644 --- a/src/layer/index.js +++ b/src/layer/index.js @@ -125,10 +125,9 @@ class __layer__ { //loading的子元素数量 return { 1: 1, - 2: 1, + 2: 5, 3: 5, - 4: 5, - 5: 9 + 4: 9 } } @@ -334,11 +333,7 @@ class __layer__ {