Skip to content

Commit 965232b

Browse files
authored
fix(loading): [icon] Fix loadingshadow, built-in rotation (#2023)
* feat(loading): 增加loading-shadow自转功能,去除loading组件css动画 * feat(icon): 控制尺寸 * feat(search): 控制尺寸 * fix(autocompelte): 转速改为1秒
1 parent cb69fa9 commit 965232b

File tree

3 files changed

+4
-61
lines changed

3 files changed

+4
-61
lines changed

packages/theme/src/autocomplete/index.less

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
}
4646

4747
& &__list-item {
48-
padding: var(--ti-autocomplete-li-padding-vertical) var(--ti-autocomplete-li-padding-horizontal);
48+
padding: var(--ti-autocomplete-li-padding-vertical) var(--ti-autocomplete-li-padding-horizontal);
4949
margin: 0;
5050
line-height: var(--ti-autocomplete-li-height);
5151
color: var(--ti-autocomplete-li-text-color);
@@ -85,7 +85,6 @@
8585
svg {
8686
width: 16px;
8787
height: 16px;
88-
animation: rotating 0.8s linear 0s infinite;
8988
}
9089
}
9190

@@ -100,13 +99,3 @@
10099
}
101100
}
102101
}
103-
104-
@keyframes rotating {
105-
0% {
106-
transform: rotateZ(0deg);
107-
}
108-
109-
100% {
110-
transform: rotateZ(360deg);
111-
}
112-
}

packages/theme/src/loading/index.less

Lines changed: 0 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -96,20 +96,6 @@
9696
}
9797
}
9898

99-
.circular {
100-
animation: loading-rotate 2s linear infinite;
101-
display: inline-block;
102-
}
103-
104-
.path {
105-
animation: loading-dash 1.5s ease-in-out infinite;
106-
stroke-dasharray: 90, 150;
107-
stroke-dashoffset: 0;
108-
stroke-width: 2;
109-
stroke: var(--ti-loading-icon-color);
110-
stroke-linecap: round;
111-
}
112-
11399
svg {
114100
fill: var(--ti-loading-icon-color);
115101
}
@@ -129,42 +115,8 @@
129115
}
130116
}
131117

132-
@keyframes loading-rotate {
133-
100% {
134-
transform: rotate(360deg);
135-
}
136-
}
137-
138-
@keyframes loading-dash {
139-
0% {
140-
stroke-dasharray: 1, 200;
141-
stroke-dashoffset: 0;
142-
}
143-
144-
50% {
145-
stroke-dasharray: 90, 150;
146-
stroke-dashoffset: -40px;
147-
}
148-
149-
100% {
150-
stroke-dasharray: 90, 150;
151-
stroke-dashoffset: -120px;
152-
}
153-
}
154-
155118
.@{css-prefix-iconfont}-loading {
156119
font-size: var(--ti-common-font-size-1);
157120
line-height: 1;
158121
vertical-align: text-top;
159-
animation: rotating 2s linear infinite;
160-
}
161-
162-
@keyframes rotating {
163-
0% {
164-
transform: rotateZ(0deg);
165-
}
166-
167-
100% {
168-
transform: rotateZ(360deg);
169-
}
170122
}

packages/theme/src/svgs/loading-shadow.svg

Lines changed: 3 additions & 1 deletion
Loading

0 commit comments

Comments
 (0)