From 238683a5a7b23a188a66a24f20e1f954207c88b3 Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Fri, 16 Jan 2026 15:41:35 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E6=A1=8C=E9=9D=A2?= =?UTF-8?q?=E7=AB=AF=E5=92=8C=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=88=86=E4=BA=AB?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除移动端弹窗式布局 - 所有设备统一使用上滑下滑动画逻辑 - 点击分享按钮:按钮上滑淡出,分享渠道从下方滑入 - 点击空白区域:分享渠道下滑淡出,按钮从上方滑回 - 保留移动端tooltip隐藏和二维码左侧显示 --- style.css | 37 ------------------------------------- 1 file changed, 37 deletions(-) diff --git a/style.css b/style.css index 2ce4501..fc57fcf 100644 --- a/style.css +++ b/style.css @@ -8361,43 +8361,6 @@ body.noscroll:before { border-radius: 10px; } -/* 移动端适配 */ -@media (max-width: 576px) { - #share { - position: fixed; - bottom: 80px; - right: 16px; - left: auto; - top: auto; - flex-direction: column; - gap: 8px; - padding: 10px; - background: var(--color-foreground); - border-radius: 12px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); - transform: translateY(20px); - } - - #share_container.opened #share { - transform: translateY(0); - } - - /* 移动端分享按钮旋转而不是消失 */ - #share_container.opened #share_show { - transform: rotate(45deg); - opacity: 1; - pointer-events: auto; - } -} - -/* 夜间模式 */ -@media (max-width: 576px) { - html.darkmode #share { - background: var(--color-foreground); - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); - } -} - #share .icon-wechat, #share .icon-copy-link { position: relative;