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 {