feat: 相关商品样式调整

2025-11-08 13:37:33 +08:00
parent 21e64ba6a6
commit b7a3eb39ef
5 changed files with 87 additions and 150 deletions
--- a/src/components/SwipeCards/styles/index.scss
+++ b/src/components/SwipeCards/styles/index.scss
@@ -0,0 +1,43 @@
+.card {
+  height: 320px;
+}
+
+.card-item {
+  inset: 0;
+  will-change: transform, opacity;
+  height: 277px;
+  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08);
+  border-radius: 20px;
+}
+
+.inner-card {
+  width: 100%;
+  height: 100%;
+}
+
+/* 商品大图部分：撑满除相册外的空间 */
+.goods-image-wrapper {
+  width: 100%;
+  height: 193px;
+}
+
+.goods-title {
+  background: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.6) 100%
+  );
+}
+
+.album-item {
+  width: 96px;
+  height: 60px;
+}
+
+.album-title {
+  background: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.6) 100%
+  );
+}