showFloatUrl: ['bbs.tampermonkey.net.cn'], // 展示悬浮框的url hideFloat: false, // 是否隐藏悬浮框
如果你要所以的页面都不显示悬浮框就把hideFloat设置为true,如果你只想要指定url展示你就hideFloat设置为false,然后showFloatUrl写上要展示的url地址
使用案例
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)