lkddi/certd
1
0
Fork 0
mirror of https://github.com/certd/certd.git synced 2026-04-23 19:57:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化首页插件列表展示

Browse Source
This commit is contained in:
xiaojunnuo
2025-04-21 12:13:01 +08:00
parent 474114236e
commit 9b8f60b64b
2 changed files with 53 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
+12 -3
View File
@@ -103,16 +103,20 @@
<a-row :gutter="10">
<a-col v-for="item of pluginGroups.groups.all.plugins" :key="item.name" class="plugin-item-col" :xl="4" :md="6" :xs="24">
<a-card>
<a-tooltip :title="item.desc" class="flex-between overflow-hidden">
<a-tooltip class="flex-between overflow-hidden">
<template #title>
<div>{{ item.title }}</div>
<div>{{ item.desc }}</div>
</template>
<div class="plugin-item pointer">
<div class="icon">
<fs-icon :icon="item.icon" class="font-size-16 color-blue" />
</div>
<div class="text">
<div class="text flex-1 ellipsis">
<div class="title">{{ item.title }}</div>
</div>
</div>
<div class="flex-o"><vip-button v-if="item.needPlus" mode="icon" class="" /></div>
<div class="flex-o ml-1"><vip-button v-if="item.needPlus" mode="icon" class="" /></div>
</a-tooltip>
</a-card>
</a-col>
@@ -288,12 +292,17 @@ function openUpgradeUrl() {
.plugin-list {
margin: 0 20px;
.ant-card .ant-card-body {
padding: 16px;
}
.plugin-item-col {
margin-bottom: 10px;
.plugin-item {
display: flex;
justify-items: center;
line-height: 20px;
overflow: hidden;
flex: 1;
.icon {
display: flex;
justify-items: center;