Fix(送礼):[#6162, #6163]图片展示效果调整

This commit is contained in:
lifizer
2026-09-17 14:31:49 +08:00
parent d363547bf7
commit c9c048e1ed
+13 -5
View File
@@ -46,7 +46,7 @@
/>
<p class="prompt-tips">{{ aiCoverDesc.length }}/300</p>
</view>
<view v-else class="imgs-list-wrap">
<view v-else class="imgs-list-wrap ai-img-list-wrap">
<view
v-for="(item, index) in aiCoverImgsList"
:key="index"
@@ -57,7 +57,6 @@
:class="{
'active': item.id === selectedAiCoverImage.id
}"
mode="heightFix"
class="img-image"
@click="handleSelectAiCover(item)"
/>
@@ -1460,9 +1459,9 @@ export default {
}
.imgs-list-wrap {
display: flex;
justify-content: space-around;
justify-content: center;
align-items: baseline;
gap: 24rpx;
gap: 40rpx;
padding: 20rpx 0;
box-sizing: border-box;
&.scrollable {
@@ -1476,7 +1475,16 @@ export default {
height: 176rpx;
flex-shrink: 0;
&.active {
transform: scale(1.2);
transform: scale(1.2) translateY(-16rpx);
}
}
.ai-img-list-wrap {
padding: 28rpx 0 20rpx 0;
.img-item {
.img-image {
width: 142rpx;
height: 196rpx;
}
}
}
}