blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

fix：处理列表页标题过长的展示问题

Browse Source
This commit is contained in:
奔跑的面条 2022-06-01 22:58:22 +08:00
parent 0b04bf4929
commit f655a57e61
1 changed files with 52 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/project/items/components/ProjectItemsCard/index.vue
View File

@ -24,11 +24,12 @@
</div>
</div>
<template #action>
<n-space class="list-footer" justify="space-between">
<n-text>
<div class="go-flex-items-center list-footer" justify="space-between">
<n-text class="go-ellipsis-1">
{{ cardData.title || '' }}
</n-text>
<!-- 工具 -->
<div class="go-flex-items-center list-footer-ri">
<n-space>
<n-text>
<n-badge
@ -73,7 +74,8 @@
</template>
</n-space>
<!-- end -->
</n-space>
</div>
</div>
</template>
</n-card>
</div>
@ -231,7 +233,13 @@ $contentHeight: 180px;
}
}
.list-footer {
flex-wrap: nowrap;
justify-content: space-between;
line-height: 30px;
&-ri {
justify-content: flex-end;
min-width: 160px;
}
}
}
</style>