@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user