diff --git a/src/components/loading/Loading.stories.tsx b/src/components/loading/Loading.stories.tsx
index 2092db6e58..1057578671 100644
--- a/src/components/loading/Loading.stories.tsx
+++ b/src/components/loading/Loading.stories.tsx
@@ -60,7 +60,7 @@ export const Default = Template.bind({});
Default.args = {
loading: true,
titlePosition: 'right',
- autoCenter: true
+ autoCenter: true,
};
export const Container = Template.bind({});
@@ -69,10 +69,12 @@ Container.args = {
};
export const Indicator = Template.bind({});
+
Indicator.args = {
indicator: ,
title: false,
};
+
Indicator.story = {
parameters: {
design: {
@@ -98,6 +100,7 @@ const DelayTemplate: Story = (args) => {
>
);
};
+
export const Delay = DelayTemplate.bind({});
Delay.args = {
delay: 1000,
diff --git a/src/components/loading/style/index.less b/src/components/loading/style/index.less
index ca2b48ebff..ff6ec28955 100644
--- a/src/components/loading/style/index.less
+++ b/src/components/loading/style/index.less
@@ -10,8 +10,8 @@
@container-rotate-timing: 1600ms;
@ring-fill-unfill-rotate-timing: 4800ms;
@ring-line-count: 4;
-@ring-left-spin: @ring-fill-unfill-rotate-timing / @ring-line-count;
-@ring-right-spin: @ring-fill-unfill-rotate-timing / @ring-line-count;
+@ring-left-spin: (@ring-fill-unfill-rotate-timing / @ring-line-count);
+@ring-right-spin: (@ring-fill-unfill-rotate-timing / @ring-line-count);
@keyframes container-rotate {
to {