Browse Source

feat: 添加模型卡片分隔线,调整样式以优化布局

pull/65/head
chenjiale 1 month ago
parent
commit
70169c75e8
  1. 11
      src/views/model/list/ModelCard.vue

11
src/views/model/list/ModelCard.vue

@ -129,6 +129,7 @@ async function confirmDelete(id: number | string) {
{{ item.createTime || '--' }} {{ item.createTime || '--' }}
</span> </span>
</div> </div>
<div class="card-divider" />
<div class="card-footer"> <div class="card-footer">
<span class="algo-pill"> <span class="algo-pill">
{{ item.algorithm || '未知' }} {{ item.algorithm || '未知' }}
@ -237,7 +238,7 @@ async function confirmDelete(id: number | string) {
gap: 8px; gap: 8px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 12px; margin-bottom: 8px;
font-size: 12px; font-size: 12px;
color: #6b7280; color: #6b7280;
} }
@ -258,11 +259,17 @@ async function confirmDelete(id: number | string) {
gap: 12px; gap: 12px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-top: 10px; padding-top: 6px;
font-size: 13px; font-size: 13px;
color: #4b5563; color: #4b5563;
} }
.card-divider {
height: 1px;
margin: 4px 0 8px;
border-top: 1px dashed #e5e7eb;
}
.footer-text.strong { .footer-text.strong {
font-weight: 600; font-weight: 600;
} }

Loading…
Cancel
Save