0.0.5 • Published 5 years ago
tl-go-head v0.0.5
TlGoHead
angular 去头部动画组件:
过渡动画返回头部效果
DEMO
angular 开发版本 9.1.12.
安装
npm i tl-go-head --save引用
在 app.component.ts 中引入
import { TlGoHeadModule } from 'tl-go-head';
...
imports:[
...
TlGoHeadModule,
]使用
1.普通的返回顶部效果
<tl-goHead></tl-goHead>API
| api | 可选值 | 默认值 | 类型 | 说明 |
|---|---|---|---|---|
| direction | Top,Left | Top | string | 控制回到顶部还是左侧 |
| animation | true,false | false | boolean | 动画效果 |
| speed | - | 200 | number | 开启动画效果后的速度 |
| theme | baw,green,blue | baw | string | 按钮颜色 |
| style | - | - | Array | 按钮样式 |
| altitude | - | 100 | number | 按钮距离顶部高度,显示,需和appear搭配使用 |
| appear | true,false | false | boolean | 控制是否一直显示 |
| self | true,false | false | boolean | 是否开启自定义样式 |