style: 更新会员漏斗卡片组件的样式

- 为 trapezoid 类添加 z-index 属性,确保层级关系正确
- 保持 margin-left 设置不变,优化了组件的视觉效果
pull/175/head
lrl 2025-07-16 11:52:04 +08:00
parent ff53153782
commit 380a24358c
1 changed files with 4 additions and 4 deletions

View File

@ -132,31 +132,31 @@ const handleTimeRangeChange = async (
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.trapezoid1 { .trapezoid1 {
z-index: 1;
width: 19.25rem; width: 19.25rem;
margin-left: -9.625rem;
margin-top: 0.381rem; margin-top: 0.381rem;
margin-left: -9.625rem;
font-size: 0.875rem; font-size: 0.875rem;
transform: perspective(5em) rotateX(-11deg); transform: perspective(5em) rotateX(-11deg);
z-index: 1;
} }
.trapezoid2 { .trapezoid2 {
z-index: 1;
width: 14rem; width: 14rem;
height: 6.25rem; height: 6.25rem;
margin-top: 0.425rem; margin-top: 0.425rem;
margin-left: -7rem; margin-left: -7rem;
font-size: 0.875rem; font-size: 0.875rem;
transform: perspective(7em) rotateX(-20deg); transform: perspective(7em) rotateX(-20deg);
z-index: 1;
} }
.trapezoid3 { .trapezoid3 {
z-index: 1;
width: 9rem; width: 9rem;
height: 5.75rem; height: 5.75rem;
margin-top: 0.8125rem; margin-top: 0.8125rem;
margin-left: -4.5rem; margin-left: -4.5rem;
font-size: 0.875rem; font-size: 0.875rem;
transform: perspective(3em) rotateX(-13deg); transform: perspective(3em) rotateX(-13deg);
z-index: 1;
} }
</style> </style>