|
@@ -389,6 +389,7 @@ header {
|
|
|
from {
|
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
|
}
|
|
|
+
|
|
|
to {
|
|
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
|
}
|
|
@@ -398,6 +399,7 @@ header {
|
|
|
from {
|
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
|
}
|
|
|
+
|
|
|
to {
|
|
|
transform: translate(-50%, -50%) rotate(-360deg);
|
|
|
}
|
|
@@ -748,7 +750,7 @@ p {
|
|
|
color: #0df4fe;
|
|
|
display: inline-block;
|
|
|
text-align: right;
|
|
|
- width: 80px;
|
|
|
+ width: 30%;
|
|
|
min-width: 80px;
|
|
|
}
|
|
|
|
|
@@ -815,7 +817,7 @@ p {
|
|
|
|
|
|
.el-date-editor--datetimerange.el-input,
|
|
|
.el-date-editor--datetimerange.el-input__inner {
|
|
|
- width: 350px!important
|
|
|
+ width: 350px !important
|
|
|
}
|
|
|
|
|
|
|
|
@@ -833,106 +835,112 @@ p {
|
|
|
animation-fill-mode: forwards;
|
|
|
-webkit-animation: ani_flow 10s linear infinite;
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes ani_flow {
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes ani_flow {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 13, 5;
|
|
|
+ stroke-dasharray: 13, 5;
|
|
|
}
|
|
|
- }
|
|
|
- @-webkit-keyframes ani_flow {
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes ani_flow {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 13, 5;
|
|
|
+ stroke-dasharray: 13, 5;
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- /* 停止流动效果 */
|
|
|
- .svg_ani_flow_stop {
|
|
|
+}
|
|
|
+
|
|
|
+/* 停止流动效果 */
|
|
|
+.svg_ani_flow_stop {
|
|
|
stroke-dasharray: 1000;
|
|
|
stroke-dashoffset: 1000;
|
|
|
animation: ani_flow_stop 10s linear infinite;
|
|
|
animation-fill-mode: forwards;
|
|
|
-webkit-animation: ani_flow_stop 10s linear infinite;
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes ani_flow_stop {
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes ani_flow_stop {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
- }
|
|
|
- @-webkit-keyframes ani_flow_stop {
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes ani_flow_stop {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
- }
|
|
|
- /* 反向流动效果 */
|
|
|
- .svg_ani_flow_back {
|
|
|
+}
|
|
|
+
|
|
|
+/* 反向流动效果 */
|
|
|
+.svg_ani_flow_back {
|
|
|
stroke-dasharray: 1000;
|
|
|
stroke-dashoffset: 1000;
|
|
|
animation: ani_flow_back 10s linear infinite;
|
|
|
animation-fill-mode: forwards;
|
|
|
-webkit-animation: ani_flow_back 10s linear infinite;
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes ani_flow_back {
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes ani_flow_back {
|
|
|
from {
|
|
|
- stroke-dasharray: 13, 5;
|
|
|
+ stroke-dasharray: 13, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
- }
|
|
|
- @-webkit-keyframes ani_flow_stop {
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes ani_flow_stop {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
- }
|
|
|
- /* 以最大40高度填充 */
|
|
|
- .svg_ani_fill_h40 {
|
|
|
+}
|
|
|
+
|
|
|
+/* 以最大40高度填充 */
|
|
|
+.svg_ani_fill_h40 {
|
|
|
animation: ani_fill_h40 5s linear infinite;
|
|
|
animation-fill-mode: forwards;
|
|
|
-webkit-animation: ani_fill_h40 5s linear infinite;
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes ani_fill_h40 {
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes ani_fill_h40 {
|
|
|
from {
|
|
|
- height: 0px;
|
|
|
+ height: 0px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- height: 40px;
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
- }
|
|
|
- @-webkit-keyframes ani_flow_stop {
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes ani_flow_stop {
|
|
|
from {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
to {
|
|
|
- stroke-dasharray: 10, 5;
|
|
|
+ stroke-dasharray: 10, 5;
|
|
|
}
|
|
|
- }
|
|
|
+}
|