oduvanio / button-scroll-up
网站向上滚动按钮
1.0.7
2017-06-15 16:10 UTC
Requires
- infrajs/config: ~1
This package is not auto-updated.
Last update: 2024-09-20 20:00:43 UTC
README
JavaScript 依赖项将通过 infrajs/config 自动安装
如果标准设计不满足需求,则需要在项目根目录下创建一个名为 button-scroll-up 的文件夹,并在其中创建一个 button-scroll-up.json 文件以配置按钮的显示。button-scroll-up.json 文件的内容可能如下所示
{
"height":100,
"width":100,
"background": "rgba(255,255,255,0.9)",
"backgroundHover": "rgba(255,255,255,0.7)",
"left": 15,
"bottom": 15,
"borderRadius": 50,
"color": "green",
"textTop": 40,
"textLeft": 30,
"fontWeight": "bold",
"letterSpacing": -1,
"text": "Вверх",
"icon": true,
"iconClass": "sort-asc",
"iconTop": 40,
"iconLeft": 10,
"iconSize": 20,
"iconColor": "red"
}
height - высота кнопки
width - высота кнопки
background - цвет фона кнопки (необходимо устанавливать в формате rgba)
backgroundHover - цвет фона кнопки при наведении мыши (необходимо устанавливать в формате rgba)
left - отступ кнопки слева экрана
bottom - отступ кнопки снизу экрана
borderRadius - закругление краев кнопки (от 0 до 100)
color - цвет текста внутри кнопки (поддерживается любой формат указания цвета css)
textTop - отступ текста сверху внутри кнопки
textLeft - отступ текста слева внутри кнопки
fontWeight - толщина текста (поддерживает следующие значения: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900)
letterSpacing - расстояние между буквами текста
text - необходимый текст внутри кнопки
icon - true/false (показывать ли иконку и библиотеки http://fontawesome.io/icons/)
iconClass - название иконки
iconTop - отступ иконки сверху внутри кнопки
iconLeft - отступ иконки слева внутри кнопки
iconSize - размер иконки
iconColor - цвет иконки