不知道怎么用的参考我这个脚本的使用方式

scriptcat.org/script-show…

let options = {
    content: '剪切板内容',
    background: 'black',
    width: '200px',
    height: '200px',
    background: '#333',
    padding: '10px', // 内边距
    borderRadius: '5px', // 圆角半径
    boxShadow: '0 0 10px rgba(0, 0, 0, 0.3)', // 阴影效果
    zIndex: 9999,  // 设置层级的优先级
    draggable: true, // 支持拖动
    prohibitDragUrl: ['yuque.com'], // 哪些页面禁止拖动
    element: element，  // 增加内容
    position: { // 悬浮框位置
        top: '50px',
        left: '50px',
    }
}
FloatingFrameUI()(options)

当我们需要给悬浮框添加一些简单的标签元素也是支持的

var element = document.createElement('TextArea');
    element.style.height = '150px'
    element.innerHTML = '你好';
    let options = {
        content: '剪切板内容',
        background: 'black',
        element: element
  }
 FloatingFrameUI()(options)

其它没有提交的属性比如margin是不支持的，如果你需要，你可以把我库的代码复制出来然后自己新建一个库加上你要的东西，或者脚本下面评论，有时间我会改，但是我希望你描述清楚你为什么需要，这样可能我会有想要改的欲望。

为什么写这个

1. 有些对网页操作的js脚本没有页面，给我一种没有安全感的感觉，我不知道脚本有没有运行成功。
2. 对于一些快捷键操作的脚本，没有一个悬浮框我可能会忘记这个脚本的存在，我想要提高我的脚本的使用频率。
3. 当然了悬浮框还有哪些功能，我也不知道，我说可以做笔记，好像不太合适，笔记还得改脚本才能改悬浮框的内容，所以脚本是不适用这种情况的
4. 我自己用的过程中，就改了3个版本才满足我的日常使用，所以它对于其它人来说是极大可能是无法满足的。
5. 写库其实并不能，希望更多的人参与进来。
6. 为什么会突然改之前的脚本，是因为写的脚手架antd-design的样式把知乎的样式也改掉了，所以我想对支持页面使用我之前写的脚本。