zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 样式调整

Browse Source
This commit is contained in:
zoujing
2026-04-28 14:10:02 +08:00
parent 4d975417da
commit 604236a7b2
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/Discovery/components/CardSwiper/index.vue
View File

@@ -241,7 +241,7 @@ const getSlotState = (role) => {
const buildCardStyle = (role) => { const buildCardStyle = (role) => {
const state = getSlotState(role); const state = getSlotState(role);
return { return {
transform: `translate3d(-50%, -50%, 0) translateX(${state.x}px) scale(${state.scale})`, transform: `translate3d(-50%, 0, 0) translateX(${state.x}px) scale(${state.scale})`,
opacity: state.opacity, opacity: state.opacity,
zIndex: getCardZIndex(role), zIndex: getCardZIndex(role),
transition: isDragging.value transition: isDragging.value

4
src/pages/Discovery/components/CardSwiper/styles/index.scss
View File

@@ -5,14 +5,14 @@
.swiper-stage { .swiper-stage {
position: relative; position: relative;
width: 100%; width: 100%;
height: 278px; height: 270px;
overflow: hidden; overflow: hidden;
} }
.swiper-card { .swiper-card {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 8px;
width: 236px; width: 236px;
height: 234px; height: 234px;
max-width: calc(100% - 56px); max-width: calc(100% - 56px);