快速使用

方式 1 npm i ls-sdk

import { FloatingBall } from 'ls-sdk';
const floatingBall = new FloatingBall({})
 // 可在页面销毁时调用一下方法移除悬浮球
floatingBall.removeFloatingBall({
  panelEvents: [{
    
  }]
});

| 入参 | 是否必填 | 描述 | 类型 | |----------|:-:|--------------------|:-----------:| | icon | 否 | 悬浮球图标 | string | | bottom | 否 | 悬浮球距离底部偏移量 | number | | right | 否 | 悬浮球距离右侧偏移量 | number | | scrollEl | 否 | 页面滚动元素 | HTMLElement | | width | 否 | 浮球宽度 | number | | height | 否 | 浮球高度 | number | | panelEvents | 否 | 悬浮球面板详情（不传则不会显示面板） | Array |

panelEvents元素类型

| 入参 | 是否必填 | 描述 | 类型 | |------------|--------------------|----------|-----------------| | actionType | 是 | 面板元素类型 | "link" 或 "text" | | actionLink | actionType为link时必填 | 面板元素跳转链接 | string | | actionText | 是 | 面板元素文案 | string |

方式 2 script 引入

<script src="https:XXXXX/index.umd.js"></script>

<script>
  const floatingBall = new window['ls-sdk'].FloatingBall({})
</script>