调整商品详情页面的分享按钮位置

This commit is contained in:
2026-07-14 17:35:16 +08:00
parent 9403d22544
commit 5222ec82b0
6 changed files with 75 additions and 9 deletions
+21 -1
View File
@@ -127,6 +127,26 @@
right: 0;
}
/* 右侧操作槽:固定贴着内容区右缘(内容区已用 navBarPaddingRight 避让微信菜单) */
.page-nav-bar__right-slot {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.page-nav-bar__right-slot .page-nav-bar__btn {
position: relative;
top: auto;
left: auto;
right: auto;
transform: none;
}
.page-nav-bar--solid .page-nav-bar__btn {
background: transparent;
}
@@ -157,7 +177,7 @@
height: var(--nav-content-height);
line-height: var(--nav-content-height);
text-align: center;
padding: 0 48px;
padding: 0 88px 0 56px;
box-sizing: border-box;
opacity: 0;
font-family: var(--font-headline);