xp-fab
v0.2.6
Published
floating action button group
Downloads
12
Readme
getting started
fab是个vue组件
安装
npm install --save xp-fab
引用
import FloatButtons from 'xp-fab'
使用
<float-buttons :links="fabLinks"></float-buttons>
fabLinks: [
{
'url': null,
'bgcolor': 'red',
'icon': '<svg> | <icon>', // 直接使用字符目前支持不好
'width': '40px',
'height': '40px',
'iconSize': '30px',
'right': 15,
'bottom': 15
},
{
'url': '#/moments/user/001228',
'bgcolor': 'orange',
'title': '很长的发生的结果卡机',
'icon': '+'
},
{
'url': '#/member',
'bgcolor': 'yellow',
'icon': '+'
},
{
'url': '#/member',
'bgcolor': 'yellow',
'icon': '+'
},
{
'url': '#/member',
'bgcolor': 'yellow',
'icon': '+'
}
]
caveat
- right/bottom设定初始位置时,只能使用数字类型
more
remark
release
- 0.2.1 添加可拖动特性
- 0.2.5 位置记录相关问题修复