0.0.5 • Published 3 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 | 是否开启自定义样式 |