From 492fb223e1099fa0df061fdf086a7fa9ec974713 Mon Sep 17 00:00:00 2001 From: Wjavan <219539974+Wjavan@users.noreply.github.com> Date: Thu, 12 Nov 2026 21:56:12 +0800 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E6=8C=89=E9=92=AE=E6=8C=89=E5=90=84?= =?UTF-8?q?=E7=AB=99=E7=82=B9=E8=A7=84=E5=88=99=E5=AF=B9=E9=BD=90=EF=BC=8C?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9F=8E=E9=80=9A=E7=BC=A9=E6=94=BE=E5=81=8F?= =?UTF-8?q?=E7=A7=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 城通在 150% 缩放下按钮与「上传」间距变成 48px;200% 缩放进入手机档后间距又变成 0;其余站点按钮的尺寸、图标与官方控件有偏差。 城通原先按相邻控件矩形差猜间距,窄视口下搜索框的弹性留白被误判;手机档上传组只剩一个按钮,旧判据把按钮插进了组内。其余适配器是早期手写值。 城通按钮插到上传组外:桌面/平板由站点 10px 左边距留空,手机档组左边距为 0,按站点 8px 补;内边距 16、图标间距 8。百度 8/16 内边距(官网两字 8/24,四字标签收窄)、32px 高、16px 圆角、间距 16px;天翼 30px 高、2px 圆角、0-12 内边距;迅雷圆角 4、图标 18×36、文字 13;夸克去掉描边、图标 20(SVG 带 viewBox 0 0 22 22)、间距 16px。 node --check 通过;业务检查全绿,skill_refs 的 15 项历史结构检查仍红,与本次无关。ego 实测 508~1524 各档城通间距 10/8 与站点一致;百度 110×32 在 762~1524 不溢出;夸克 88×36、图标 20 完整;天翼、迅雷尺寸与官方一致。 --- ...0\275\275\345\212\251\346\211\213.user.js" | 66 +++++++------------ 1 file changed, 25 insertions(+), 41 deletions(-) diff --git "a/\347\275\221\347\233\230\347\233\264\351\223\276\344\270\213\350\275\275\345\212\251\346\211\213.user.js" "b/\347\275\221\347\233\230\347\233\264\351\223\276\344\270\213\350\275\275\345\212\251\346\211\213.user.js" index 05c4c64..ef77876 100644 --- "a/\347\275\221\347\233\230\347\233\264\351\223\276\344\270\213\350\275\275\345\212\251\346\211\213.user.js" +++ "b/\347\275\221\347\233\230\347\233\264\351\223\276\344\270\213\350\275\275\345\212\251\346\211\213.user.js" @@ -83,7 +83,6 @@ const driveHdrs = {}; // 城通给的下载地址常配一组头,按 URL 存 const BTN_ICON = ''; const ROW_BUTTON = '
'; - const clampGap = (v) => Math.max(-40, Math.min(40, Math.round(v))); const driveTrace = { url: '', body: '' }; if (/drive\.ctfile\.com/.test(location.host)) { const pageWin = (typeof unsafeWindow !== 'undefined' && unsafeWindow) ? unsafeWindow : window; @@ -2225,17 +2224,19 @@ .ali-button { display: inline-flex; align-items: center; justify-content: center; border: 0 solid transparent; border-radius: 5px; white-space: nowrap; flex-shrink: 0; font-size: 14px; line-height: 1.5; outline: 0; touch-action: manipulation; transition: background .3s ease; color: #fff; background: #637dff; margin-left: 20px; padding: 0 12px; position: relative; cursor: pointer; height: 32px; min-height: 32px; } .ali-button:hover { background: #7a90ff; } .ali-button:focus-visible { outline: 2px solid #637dff; outline-offset: 2px; } - .xunlei-button { display: inline-flex; align-items: center; justify-content: center; border: 0 solid transparent; border-radius: 5px; white-space: nowrap; flex-shrink: 0; font-size: 14px; line-height: 1.5; outline: 0; touch-action: manipulation; transition: background .3s ease; color: #fff; background: #3f85ff; margin-left: 12px; padding: 0 12px; position: relative; cursor: pointer; height: 36px; min-height: 32px; } + .xunlei-button { display: inline-flex; align-items: center; justify-content: center; border: 0 solid transparent; border-radius: 4px; white-space: nowrap; flex-shrink: 0; font-size: 14px; line-height: 1.5; outline: 0; touch-action: manipulation; transition: background .3s ease; color: #fff; background: #3f85ff; margin-left: 12px; padding: 0 12px; position: relative; cursor: pointer; height: 36px; min-height: 32px; } + .xunlei-button i { line-height: 36px; padding-left: 2px; } .xunlei-button:hover { background: #619bff; } .xunlei-button:focus-visible { outline: 2px solid #3f85ff; outline-offset: 2px; } - .tianyi-button { display: inline-flex; align-items: center; justify-content: center; margin-right: 12px; padding: 4px 12px; border-radius: 4px; color: #fff; font-size: 12px; border: 1px solid #0073e3; background: #2b89ea; cursor: pointer; position: relative; min-height: 32px; transition: background .3s ease; width: auto; white-space: nowrap; text-align: center; } + .tianyi-button { display: inline-flex; align-items: center; justify-content: center; margin-right: 12px; padding: 0 12px; border-radius: 2px; color: #fff; font-size: 12px; border: 1px solid #0073e3; background: #2b89ea; cursor: pointer; position: relative; min-height: 30px; line-height: 28px; transition: background .3s ease; width: auto; white-space: nowrap; text-align: center; } .tianyi-button:hover { border-color: #1874d3; background: #3699ff; } .tianyi-button:focus-visible { outline: 2px solid #2b89ea; outline-offset: 2px; } .yidong-button { float: left; position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; margin: 20px 24px 20px 0; width: 98px; height: 36px; background: #3181f9; border-radius: 2px; font-size: 14px; color: #fff; line-height: 1; text-align: center; cursor: pointer; min-height: 32px; transition: background .3s ease; } .yidong-button svg { width: 20px; height: 20px; flex: 0 0 auto; } .yidong-button:hover { background: #2d76e5; } .yidong-button:focus-visible { outline: 2px solid #3181f9; outline-offset: 2px; } - .quark-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #0d53ff; border-radius: 8px; white-space: nowrap; flex-shrink: 0; font-size: 12px; font-weight: 600; line-height: 1.5; outline: 0; color: #fff; background: #0d53ff; margin-right: 10px; padding: 0 10px; position: relative; cursor: pointer; height: 36px; min-height: 32px; transition: background .3s ease; } + .quark-button { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; white-space: nowrap; flex-shrink: 0; font-size: 12px; font-weight: 600; line-height: 1.5; outline: 0; color: #fff; background: #0d53ff; margin-right: 16px; padding: 0 10px; position: relative; cursor: pointer; height: 36px; min-height: 32px; transition: background .3s ease; } + .quark-button svg { width: 20px; height: 20px; margin-right: 0; flex: 0 0 auto; } .quark-button:hover { background: #3a72ff; border-color: #3a72ff; } .quark-button:focus-visible { outline: 2px solid #3f85ff; outline-offset: 2px; } .ctfile-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; margin: 6px; height: 48px; padding: 0 24px; border: 1px solid #1677ff; border-radius: 8px; background: #1677ff; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1; white-space: nowrap; flex-shrink: 0; cursor: pointer; transition: background-color .15s, border-color .15s, box-shadow .15s; } @@ -2250,7 +2251,7 @@ .ctfile-button-sm { height: 30px; padding: 0 14px; gap: 6px; font-size: 14px; font-weight: 600; } .ctfile-button-sm svg { width: 16px; height: 16px; } /* 跟「上传/上传文件夹」同款:色值、高度、圆角挂载时从旁边按钮读回来(--fl-*) */ - .ctfile-button-peer { margin: 0; height: var(--fl-h, 32px); padding: 0 14px; gap: 6px; border: 1px solid var(--fl-bd, #1677ff); border-radius: var(--fl-r, 8px); background: var(--fl-bg, #1677ff); color: var(--fl-fg, #fff); font-size: var(--fl-fs, 14px); font-weight: var(--fl-fw, 600); } + .ctfile-button-peer { margin: 0; height: var(--fl-h, 32px); padding: 0 16px; gap: 8px; border: 1px solid var(--fl-bd, #1677ff); border-radius: var(--fl-r, 8px); background: var(--fl-bg, #1677ff); color: var(--fl-fg, #fff); font-size: var(--fl-fs, 14px); font-weight: var(--fl-fw, 600); } .ctfile-button-peer:hover { box-shadow: inset 0 0 0 999px rgba(255, 255, 255, .14); } .ctfile-button-peer:active { box-shadow: inset 0 0 0 999px rgba(0, 0, 0, .12); } .ctfile-button-peer:focus-visible { outline: 2px solid var(--fl-bd, #1677ff); outline-offset: 2px; } @@ -2529,7 +2530,7 @@ }, addButton() { const $button = $(`