github/go-view
github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-20 12:36:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修改列表页标题过长的展示问题

Browse Source
This commit is contained in:
奔跑的面条 2022-06-01 23:08:36 +08:00
parent fa6ef30cd8
commit fa678e1089
2 changed files with 53 additions and 45 deletions
src/views/project/items/components
ProjectItemsCard
index.vue
ProjectItemsModalCard
index.vue

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

@ -26,11 +26,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
@ -74,8 +75,9 @@
</n-tooltip>
</template>
</n-space>
</div>
<!-- end -->
</n-space>
</div>
</template>
</n-card>
</div>
@ -227,7 +229,13 @@ $contentHeight: 180px;
}
}
.list-footer {
flex-wrap: nowrap;
justify-content: space-between;
line-height: 30px;
&-ri {
justify-content: flex-end;
min-width: 160px;
}
}
}
</style>

2
src/views/project/items/components/ProjectItemsModalCard/index.vue

@ -129,7 +129,7 @@ $contentWidth: calc(82vw);
@include go('modal-box') {
width: $contentWidth;
.list-content {
margin-top: 20px;
margin-top: 28px;
border-radius: $--border-radius-base;
overflow: hidden;
@include background-image('background-point');