diff --git a/src/back-top/back-top.component.html b/src/back-top/back-top.component.html
index 1050d44f6..07c58350c 100644
--- a/src/back-top/back-top.component.html
+++ b/src/back-top/back-top.component.html
@@ -1,10 +1,17 @@
diff --git a/src/back-top/back-top.component.scss b/src/back-top/back-top.component.scss
index 1feb54fa1..8aa63f058 100644
--- a/src/back-top/back-top.component.scss
+++ b/src/back-top/back-top.component.scss
@@ -11,31 +11,15 @@ $block: 'aui-back-top';
height: use-var(inline-height-m);
width: use-var(inline-height-m);
- color: use-rgb(n-4);
- font-size: use-var(font-size-l);
- border: 1px solid transparent;
border-radius: use-var(border-radius-m);
overflow: hidden;
visibility: hidden;
cursor: pointer;
@include popper-shadow;
- @include transition;
- @include theme-light {
- background-color: use-rgb(n-10);
- }
- @include theme-dark {
- background-color: use-rgb(n-8);
- }
+ background-color: use-rgb(n-10);
&.show {
visibility: visible;
}
-
- &:hover {
- color: use-rgb(primary);
- border-color: use-rgb(primary);
- background-color: use-rgb(p-6);
- box-shadow: none;
- }
}
diff --git a/src/back-top/back-top.component.ts b/src/back-top/back-top.component.ts
index 38c0f52a1..3392a18ed 100644
--- a/src/back-top/back-top.component.ts
+++ b/src/back-top/back-top.component.ts
@@ -88,7 +88,7 @@ export class BackTopComponent {
}
handleClick(event: Event) {
- this.scrollToTop(300);
+ this.scrollToTop(200);
this.click.emit(event);
}
diff --git a/src/back-top/back-top.module.ts b/src/back-top/back-top.module.ts
index 53b269afb..b592d390b 100644
--- a/src/back-top/back-top.module.ts
+++ b/src/back-top/back-top.module.ts
@@ -4,9 +4,10 @@ import { NgModule } from '@angular/core';
import { IconModule } from '../icon/icon.module';
import { BackTopComponent } from './back-top.component';
+import { ButtonModule } from '../button/button.module';
@NgModule({
- imports: [CommonModule, IconModule],
+ imports: [CommonModule, IconModule, ButtonModule],
declarations: [BackTopComponent],
exports: [BackTopComponent],
})
diff --git a/stories/back-top/inscroll.stories.ts b/stories/back-top/inscroll.stories.ts
index 2f7e1d856..b56fb642d 100644
--- a/stories/back-top/inscroll.stories.ts
+++ b/stories/back-top/inscroll.stories.ts
@@ -3,6 +3,7 @@ import { Meta, StoryObj, moduleMetadata } from '@storybook/angular';
import InscrollComponent from './inscroll.component';
import { BackTopModule, ScrollingModule } from '@alauda/ui';
+import { CdkScrollableModule } from '@angular/cdk/scrolling';
const meta: Meta = {
title: 'Example/Back Top',
@@ -10,7 +11,7 @@ const meta: Meta = {
decorators: [
moduleMetadata({
declarations: [InscrollComponent],
- imports: [BackTopModule, ScrollingModule],
+ imports: [BackTopModule, ScrollingModule, CdkScrollableModule],
}),
],
};