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