From 380a24358cb1907fa32c00b7460d9ee3bd0feb39 Mon Sep 17 00:00:00 2001
From: lrl <252048765@qq.com>
Date: Wed, 16 Jul 2025 11:52:04 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0=E4=BC=9A=E5=91=98?=
 =?UTF-8?q?=E6=BC=8F=E6=96=97=E5=8D=A1=E7=89=87=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 trapezoid 类添加 z-index 属性，确保层级关系正确
- 保持 margin-left 设置不变，优化了组件的视觉效果
---
 .../src/views/mall/home/components/member-funnel-card.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web-ele/src/views/mall/home/components/member-funnel-card.vue b/apps/web-ele/src/views/mall/home/components/member-funnel-card.vue
index 92b8ce2c..47ed3dd0 100644
--- a/apps/web-ele/src/views/mall/home/components/member-funnel-card.vue
+++ b/apps/web-ele/src/views/mall/home/components/member-funnel-card.vue
@@ -132,31 +132,31 @@ const handleTimeRangeChange = async (
 </template>
 <style lang="scss" scoped>
 .trapezoid1 {
+  z-index: 1;
   width: 19.25rem;
-  margin-left: -9.625rem;
   margin-top: 0.381rem;
+  margin-left: -9.625rem;
   font-size: 0.875rem;
   transform: perspective(5em) rotateX(-11deg);
-  z-index: 1;
 }
 
 .trapezoid2 {
+  z-index: 1;
   width: 14rem;
   height: 6.25rem;
   margin-top: 0.425rem;
   margin-left: -7rem;
   font-size: 0.875rem;
   transform: perspective(7em) rotateX(-20deg);
-  z-index: 1;
 }
 
 .trapezoid3 {
+  z-index: 1;
   width: 9rem;
   height: 5.75rem;
   margin-top: 0.8125rem;
   margin-left: -4.5rem;
   font-size: 0.875rem;
   transform: perspective(3em) rotateX(-13deg);
-  z-index: 1;
 }
 </style>