您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
FloatButton wc组件
此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/535840/1588055/FloatButton.js
- /**
- * @extends {HTMLElement}
- */
- class FloatButton extends HTMLElement {
- constructor() {
- super();
- const shadowRoot = this.attachShadow({ mode: "open" });
- const style = document.createElement("style");
- style.textContent = `
- :host {
- /* 避免外部css的影响 */
- all: initial;
- font-size: normal;
- position: fixed;
- left: 5px;
- top: 20%;
- transform: translateY(-50%);
- z-index: 1000;
- }
- .float-button {
- width: 35px;
- height: 35px;
- border-radius: 50%;
- background:rgba(251, 114, 153, 0.75);
- color: white;
- border: none;
- cursor: pointer;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
- transition: all 0.3s ease;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 20px;
- }
- .float-button:hover {
- background: #fb7299;
- transform: scale(1.1);
- }
- .panel {
- position: absolute;
- display: flex;
- left: 50px;
- top: 0;
- gap: 9px;
- justify-content: center;
- flex-wrap: wrap;
- background: white;
- border-radius: 8px;
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
- width: 200px;
- padding: 10px;
- opacity: 0;
- transform: translateX(-20px);
- transition: all 0.3s ease;
- pointer-events: none;
- }
- .panel.open {
- opacity: 1;
- transform: translateX(0);
- pointer-events: all;
- }
- .close {
- transform: rotate(180deg);
- }`;
- shadowRoot.innerHTML = `
- <button class="float-button">+</button>
- <div class="panel">
- <div class="input-group">
- <slot name="interval-faster">Widget Missing</slot>
- </div>
- <div class="input-group">
- <slot name="interval-slower">Widget Missing</slot>
- </div>
- </div>`;
- shadowRoot.append(style);
- const floatBtn = shadowRoot.querySelector(".float-button");
- const panel = shadowRoot.querySelector(".panel");
- floatBtn.addEventListener("click", () => {
- panel.classList.toggle("open");
- floatBtn.classList.toggle("close");
- });
- }
- }
- customElements.define("float-button", FloatButton);
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址