fix(mini-user): 门店核销走马灯小程序轮播与布局优化

单条从右向左位移至 -10px 后停留,位置移至门店详情上方;修复小程序 opacity/transform 不生效问题。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-08-03 16:34:28 +08:00
parent dc30932012
commit ff462bca9a
3 changed files with 88 additions and 129 deletions
+13 -11
View File
@@ -127,9 +127,13 @@
font-size: 11px;
}
.store-detail-marquee-wrap {
margin: 0 var(--space-page) 12px;
}
.store-detail-marquee {
margin: 4px 0 12px;
padding: 10px 0;
margin: 0;
padding: 0;
border-radius: 8px;
background: #fff7f6;
border: 1px solid rgba(166, 29, 36, 0.12);
@@ -137,22 +141,20 @@
height: 40px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
}
.store-detail-marquee-inner {
position: absolute;
top: 50%;
margin-top: -10px;
white-space: nowrap;
}
.store-detail-marquee-text {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
display: inline-block;
white-space: nowrap;
font-size: 12px;
line-height: 20px;
color: #a61d24;
will-change: transform;
pointer-events: none;
}
.store-detail-section {