diff --git a/packages/ui/back-top/src/styles/back-top.scss b/packages/ui/back-top/src/styles/back-top.scss index 6073de85f..3ffba8f83 100644 --- a/packages/ui/back-top/src/styles/back-top.scss +++ b/packages/ui/back-top/src/styles/back-top.scss @@ -46,7 +46,7 @@ $prefix: "#{$component-prefix}-back-top" !default; @include render-status(); - > svg { + > svg[class^=hi-v4-icon] { width: use-height-size(5); height: use-height-size(5); } diff --git a/packages/ui/back-top/stories/basic.stories.tsx b/packages/ui/back-top/stories/basic.stories.tsx index dc6496c52..01358870b 100644 --- a/packages/ui/back-top/stories/basic.stories.tsx +++ b/packages/ui/back-top/stories/basic.stories.tsx @@ -13,22 +13,17 @@ export const Basic = () => {
document.getElementById('back-top_target') as HTMLElement} + container={() => document.getElementById('back-top_target')} />
-
页面内容1
-
页面内容2
-
页面内容3
-
页面内容4
-
页面内容5
-
页面内容6
-
页面内容7
-
页面内容8
-
页面内容9
-
页面内容10
+ {Array.from({ length: 10 }, (_, index) => ( +
+ 页面内容{index} +
+ ))}
diff --git a/packages/ui/back-top/stories/compose.stories.tsx b/packages/ui/back-top/stories/compose.stories.tsx index 2ac000131..2d25cf13f 100644 --- a/packages/ui/back-top/stories/compose.stories.tsx +++ b/packages/ui/back-top/stories/compose.stories.tsx @@ -58,22 +58,17 @@ export const Compose = () => { document.getElementById('back-top_compose') as HTMLElement} + container={() => document.getElementById('back-top_compose')} />
-
页面内容1
-
页面内容2
-
页面内容3
-
页面内容4
-
页面内容5
-
页面内容6
-
页面内容7
-
页面内容8
-
页面内容9
-
页面内容10
+ {Array.from({ length: 10 }, (_, index) => ( +
+ 页面内容{index} +
+ ))}
diff --git a/packages/ui/back-top/stories/custom.stories.tsx b/packages/ui/back-top/stories/custom.stories.tsx index 90a428e3c..850e00831 100644 --- a/packages/ui/back-top/stories/custom.stories.tsx +++ b/packages/ui/back-top/stories/custom.stories.tsx @@ -17,7 +17,7 @@ export const Custom = () => { document.getElementById('back-top_custom') as HTMLElement} + container={() => document.getElementById('back-top_custom')} >
{ id="back-top_custom" style={{ position: 'relative', height: 400, overflowY: 'scroll' }} > -
页面内容1
-
页面内容2
-
页面内容3
-
页面内容4
-
页面内容5
-
页面内容6
-
页面内容7
-
页面内容8
-
页面内容9
-
页面内容10
+ {Array.from({ length: 10 }, (_, index) => ( +
+ 页面内容{index} +
+ ))}
diff --git a/packages/ui/back-top/stories/settings.stories.tsx b/packages/ui/back-top/stories/settings.stories.tsx index 53f6b8756..7e1fd0500 100644 --- a/packages/ui/back-top/stories/settings.stories.tsx +++ b/packages/ui/back-top/stories/settings.stories.tsx @@ -48,22 +48,17 @@ export const Settings = () => { duration={duration} visibleHeight={visibleHeight} style={{ position: 'absolute' }} - container={() => document.getElementById('back-top_setting') as HTMLElement} + container={() => document.getElementById('back-top_setting')} />
-
页面内容1
-
页面内容2
-
页面内容3
-
页面内容4
-
页面内容5
-
页面内容6
-
页面内容7
-
页面内容8
-
页面内容9
-
页面内容10
+ {Array.from({ length: 10 }, (_, index) => ( +
+ 页面内容{index} +
+ ))}