amazeui
Version:
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
51 lines (33 loc) • 1.19 kB
Markdown
---
回到顶部组件。`fixed` 主题会根据滚动条位置设定图标的显隐（大于 50px 时才显示）。
- 拷贝演示中的代码，粘贴到 Amaze UI HTML 模板（[点此下载](/getting-started)） `<body>` 区域；
- 将示例代码中的内容替换为自己的内容。
本组件 Handlebars partial 名称为 `gotop`，使用细节参照[折叠面板组件](/widgets/accordion)。
- 将组件拖入编辑界面；
- 点击右侧面板里的【数据采集】按钮，按以下格式采集数据。
```javascript
var data = {
"title": "回到顶部" // 显示文字（某些主题不显示）
"icon": "arrow-up" // 图标名称，使用内置的 Icon Font
"customIcon": "" // 自定义图标 URL
};
return data;
```
```javascript
{
"id": "",
"className": "",
"theme": "default",
"content": {
"title": "回到顶部" // 显示文字（某些主题不显示）
"icon": "arrow-up" // 图标名称，使用内置的 Icon Font
"customIcon": "" // 自定义图标 URL
}
}
```