Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：商品详情的视频按钮和图片按钮后台可以控制

Browse Source
This commit is contained in:
jing
2026-10-26 09:21:01 +08:00
parent 704c39bdae
commit da7f5d9a6a
4 changed files with 45 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
common/css/goods_detail.scss
View File

@@ -135,19 +135,31 @@
bottom: 80rpx;
//#endif
text-align: center;
line-height: 50rpx;
line-height: calc(var(--hover-nav-media-tab-size, 24rpx) * 2.1);
// 视频/图片切换按钮(2026-10-24): 后台独立可调(与悬浮语言/客服/电话按钮互不干扰)。
// hover_nav_media_tab_bg_color 未配置 → 原半透明灰 rgba(100,100,100,0.4)
// hover_nav_media_tab_text_color 未配置 → #fff
// hover_nav_media_tab_size 未配置 → 24rpx; 高度/圆角/内边距/间距以 em 随字号联动缩放
// 选中态保留主题红(全局 .color-base-bg 提供 bg) + 白字。
text {
background: rgba(100, 100, 100, 0.4);
color: #fff;
font-size: $font-size-tag;
line-height: 50rpx;
border-radius: 20rpx;
padding: 0 30rpx;
background: var(--hover-nav-media-tab-bg-color, rgba(100, 100, 100, 0.4));
color: var(--hover-nav-media-tab-text-color, #fff);
font-size: var(--hover-nav-media-tab-size, 24rpx);
height: 2.1em;
line-height: 2.1em;
border-radius: 0.85em;
padding: 0 1.25em;
display: inline-block;
box-sizing: border-box;
// 选中态: 主题红由全局 .color-base-bg 兜底, 这里只管白字保证对比度
&.color-base-bg {
color: #fff;
}
&:last-child {
margin-left: 40rpx;
margin-left: 1.6em;
}
}
}