优化 PluginAppCard 组件的文本显示方式

This commit is contained in:
jxxghp
2025-05-24 20:06:11 +08:00
parent 903d22c622
commit 245edbd2f6
+7 -3
View File
@@ -190,18 +190,22 @@ const dropdownItems = ref([
</VCardText> </VCardText>
<div class="relative flex flex-row items-start px-2 justify-between grow"> <div class="relative flex flex-row items-start px-2 justify-between grow">
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<div class="text-white text-sm px-2 py-1 text-shadow overflow-hidden line-clamp-3 ..."> <div
class="text-white text-sm px-2 py-1 text-shadow overflow-hidden ..."
:class="{ 'line-clamp-3': !props.plugin?.plugin_label, 'line-clamp-2': props.plugin?.plugin_label }"
>
{{ props.plugin?.plugin_desc }} {{ props.plugin?.plugin_desc }}
</div> </div>
<!-- 插件标签 --> <!-- 插件标签 -->
<div v-if="pluginLabels.length > 0" class="plugin-app-card__tags-section"> <div v-if="pluginLabels.length > 0" class="plugin-app-card__tags-section px-2">
<VChip <VChip
v-for="tag in pluginLabels" v-for="tag in pluginLabels"
:key="tag" :key="tag"
size="x-small" size="x-small"
variant="tonal" variant="tonal"
color="primary" color="info"
class="me-1 mb-1" class="me-1 mb-1"
tile
> >
{{ tag }} {{ tag }}
</VChip> </VChip>