best_yunwei
/
ai_images
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 图生视频，选择素材窗口优化

This commit is contained in:
yys 2026-04-08 09:43:36 +08:00
parent 2e38bd7539
commit d807f71677
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
portal-ui/src/components/VideoComposeCard.vue
View File

@ -236,6 +236,7 @@
<a-modal <a-modal
v-model:visible="assetPickerVisible" v-model:visible="assetPickerVisible"
title="选择素材" title="选择素材"
width="620px"
:ok-button-props="{ disabled: !assetPickerSelectedKeys.length }" :ok-button-props="{ disabled: !assetPickerSelectedKeys.length }"
@ok="confirmPickAssets"> @ok="confirmPickAssets">
<div class="vg-asset-picker"> <div class="vg-asset-picker">
@ -2008,26 +2009,30 @@ defineExpose({
} }
.vg-asset-picker { .vg-asset-picker {
display: flex; display: grid;
flex-direction: column; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px; gap: 10px;
max-height: 420px; max-height: 420px;
overflow: auto; overflow: auto;
} }
.vg-asset-picker-item { .vg-asset-picker-item {
display: grid; display: flex;
grid-template-columns: 18px 56px 1fr; flex-direction: column;
gap: 8px;
align-items: center; align-items: center;
gap: 8px;
padding: 8px; padding: 8px;
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px; border-radius: 8px;
} }
.vg-asset-picker-item > input[type='checkbox'] {
align-self: flex-start;
}
.vg-asset-picker-preview { .vg-asset-picker-preview {
width: 56px; width: 112px;
height: 56px; height: 112px;
border-radius: 6px; border-radius: 6px;
overflow: hidden; overflow: hidden;
background: rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.06);
@ -2044,12 +2049,20 @@ defineExpose({
} }
.vg-asset-picker-name { .vg-asset-picker-name {
width: 100%;
text-align: center;
font-size: 12px; font-size: 12px;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
word-break: break-all; word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} }
.vg-asset-picker-empty { .vg-asset-picker-empty {
grid-column: 1 / -1;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
font-size: 12px; font-size: 12px;
padding: 8px 0; padding: 8px 0;