chore: ui调整

src/views/creation/components/background/background-setting.vue

@@ -168,11 +168,16 @@ function onImageLoaded(index: number) {
                 @click="handleClickImage(image)"
               >
                 <img class="h-full w-full object-contain" :src="image.imageUrl" @load="onImageLoaded(index)" />
-                <div
-                  class="absolute bottom-0 h-5 w-full truncate bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
-                >
-                  {{ image.imageName }}
-                </div>
+                <n-popover trigger="hover" placement="bottom">
+                  <template #trigger>
+                    <div
+                      class="absolute bottom-0 line-clamp-1 h-5 w-full break-all bg-gradient-to-t from-gray-600 px-1 text-xs leading-5 text-white"
+                    >
+                      {{ image.imageName }}
+                    </div>
+                  </template>
+                  <span class="text-xs">{{ image.imageName }}</span>
+                </n-popover>
                 <div
                   v-if="currentBackgroundImageType === BackgroundImageType.PERSON"
                   class="absolute right-1 top-1 hidden h-7 w-7 cursor-pointer items-center justify-center rounded-md bg-black/40 p-1 group-hover:flex"
@@ -180,6 +185,11 @@ function onImageLoaded(index: number) {
                 >
                   <CustomIcon icon="mi:delete" class="text-lg text-white" />
                 </div>
+                <CustomIcon
+                  v-if="digitalCreationStore.backgroundImageUrl === image.imageUrl"
+                  icon="si-glyph:checked"
+                  class="text-blue absolute left-0 top-0 text-xs"
+                />
               </div>
             </n-spin>
           </n-gi>

src/views/creation/components/script-content.vue

@@ -26,3 +26,10 @@ const text = computed({
     />
   </div>
 </template>
+
+<style lang="scss" scoped>
+:deep(.n-input.n-input--textarea .n-input-word-count) {
+  right: 0;
+  bottom: -20px;
+}
+</style>