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> <p class="prompt-tips">{{ aiCoverDesc.length }}/300</p>
</view> </view>
<view v-else class="imgs-list-wrap"> <view v-else class="imgs-list-wrap ai-img-list-wrap">
<view <view
v-for="(item, index) in aiCoverImgsList" v-for="(item, index) in aiCoverImgsList"
:key="index" :key="index"
@@ -57,7 +57,6 @@
:class="{ :class="{
'active': item.id === selectedAiCoverImage.id 'active': item.id === selectedAiCoverImage.id
}" }"
mode="heightFix"
class="img-image" class="img-image"
@click="handleSelectAiCover(item)" @click="handleSelectAiCover(item)"
/> />
@@ -1460,9 +1459,9 @@ export default {
} }
.imgs-list-wrap { .imgs-list-wrap {
display: flex; display: flex;
justify-content: space-around; justify-content: center;
align-items: baseline; align-items: baseline;
gap: 24rpx; gap: 40rpx;
padding: 20rpx 0; padding: 20rpx 0;
box-sizing: border-box; box-sizing: border-box;
&.scrollable { &.scrollable {
@@ -1476,7 +1475,16 @@ export default {
height: 176rpx; height: 176rpx;
flex-shrink: 0; flex-shrink: 0;
&.active { &.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;
}
} }
} }
} }