init

2016-09-09 14:29:19 +08:00 · 2016-09-09 14:29:19 +08:00 · 7fa943eb39
commit 7fa943eb39
parent 5762337416
128 changed files with 51042 additions and 1 deletions
--- a/styles/components/spin.less
+++ b/styles/components/spin.less
@ -0,0 +1,69 @@
+@spin-prefix-cls: ~"@{css-prefix}spin";
+@spin-dot-size-small: 12px;
+@spin-dot-size: 20px;
+@spin-dot-size-large: 32px;
+
+.@{spin-prefix-cls} {
+    color: @primary-color;
+    vertical-align: middle;
+    text-align: center;
+
+    &-dot {
+        position: relative;
+        display: block;
+        border-radius: 50%;
+        background-color: @primary-color;
+        .square(@spin-dot-size);
+        .animation(ani-spin-bounce 1s 0s ease-in-out infinite);
+    }
+
+    &-large &-dot {
+        .square(@spin-dot-size-large);
+    }
+
+    &-small &-dot {
+        .square(@spin-dot-size-small);
+    }
+
+    &-fix {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: @zindex-spin;
+        display: table;
+        .square(100%);
+        background-color: #fff;
+    }
+
+    &-fix &-main {
+        display: table-cell;
+        vertical-align: middle;
+        .square(inherit);
+    }
+
+    &-fix &-dot {
+        display: inline-block;
+    }
+
+    &-text,
+    &-show-text &-dot {
+        display: none;
+    }
+
+    &-show-text &-text {
+        display: block;
+    }
+}
+
+@keyframes ani-spin-bounce {
+    0% {
+        .transform(scale(0));
+    }
+
+    100% {
+        .transform(scale(1));
+        opacity: 0;
+    }
+}