Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More

xp-fab

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

xp-fab

floating action button group


Version published
Weekly downloads
1
Maintainers
2
Weekly downloads
 
Created

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

  • 图标(icon)使用了非安全的{{{}}}解析,当其用户可配时要考虑XSS攻击

release

  • 0.2.1 添加可拖动特性
  • 0.2.5 位置记录相关问题修复

FAQs

Package last updated on 06 Jan 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts