remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature: 解决方案页 & 调整部分样式

Browse Source
This commit is contained in:
R2m1liA
2025-08-22 16:33:10 +08:00
parent 3d858e475e
commit ad1e520c07
9 changed files with 257 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/pages/solutions/index.vue
View File

@ -15,22 +15,25 @@
<el-tabs v-model="activeName" class="solutions-tabs">
<el-tab-pane :label="$t('all')" name="all">
<div class="solution-list">
<production-card
v-for="solution in solutions" :key="solution.documentId || solution.id"
:slug="solution.documentId"
:image-url="useStrapiMedia(solution?.cover?.url || '')"
:name="solution.title" :description="solution.summary || ''" />
<solution-card
v-for="solution in solutions" :key="solution.documentId" :title="solution.title"
:summary="solution.summary || ''" :cover-url="useStrapiMedia(solution?.cover?.url || '')"
:document-id="solution.documentId" />
</div>
</el-tab-pane>
<el-tab-pane
v-for="(group, type) in groupedSolutions" :key="type" :label="type || '未分类'"
:name="type || 'no-category'">
<el-tab-pane
v-for="(group, type) in groupedSolutions" :key="type" :label="type || '未分类'"
:name="type || 'no-category'"
>
<div class="solution-list">
<production-card
v-for="solution in group" :key="solution.documentId || solution.id"
:slug="solution.documentId"
:image-url="useStrapiMedia(solution?.cover?.url || '')"
:name="solution.title" :description="solution.summary || ''" />
<solution-card
v-for="solution in group"
:key="solution.documentId"
:document-id="solution.documentId"
:cover-url="useStrapiMedia(solution?.cover?.url || '')"
:title="solution.title"
:summary="solution.summary || ''"
/>
</div>
</el-tab-pane>
</el-tabs>
@ -104,6 +107,7 @@ onMounted(async () => {
.page-title {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
color: var(--el-color-primary);
}
@ -114,6 +118,8 @@ onMounted(async () => {
.solution-list {
display: flex;
flex-wrap: wrap;
padding: 1rem;
margin-bottom: 2rem;
gap: 40px;
}
</style>