feat: 修改详情页里面的图片动画
This commit is contained in:
parent
764e44a3f3
commit
fa13e482d3
@ -947,16 +947,16 @@ onUnmounted(() => {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 卡片区域 */
|
/* 卡片区域 */
|
||||||
.card-section {
|
.card-section {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
perspective: 800px;
|
perspective: 800rpx;
|
||||||
|
transform-style: preserve-3d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-wrapper {
|
.card-wrapper {
|
||||||
@ -998,7 +998,8 @@ onUnmounted(() => {
|
|||||||
width: 78%;
|
width: 78%;
|
||||||
height: 96%;
|
height: 96%;
|
||||||
border-radius: 64rpx;
|
border-radius: 64rpx;
|
||||||
transform: translate(-50%, -50%) rotate(-10deg);
|
/* transform: translate(-50%, -50%) rotate(-10deg); */
|
||||||
|
transform: translate(-50%, -50%) ;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user