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