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

feat: 限制页面宽度

Browse Source 
- 为页面添加1200px的宽度限制，提升其在宽屏下的观感
This commit is contained in:
R2m1liA
2025-09-06 17:20:17 +08:00
parent ed4b89f94c
commit 968fd1532f
10 changed files with 46 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/pages/productions/[...slug].vue
View File

@ -129,7 +129,9 @@ useHead({
<style scoped>
.page-container {
min-height: 60vh;
min-height: 80vh;
max-width: 1200px;
margin: 0 auto;
}
.breadcrumb {

28
app/pages/productions/index.vue
View File

@ -11,19 +11,19 @@
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="productions-container">
<el-collapse v-model="activeNames" class="production-collapse">
<el-collapse-item
v-for="(group, type) in groupedProductions" :key="type" :title="type || '未分类'"
:name="type || 'no-category'">
<div class="group-list">
<production-card
v-for="production in group" :key="production.documentId || production.id"
:slug="production.documentId" :image-url="useStrapiMedia(production?.cover?.url || '')"
:name="production.title" :description="production.summary || ''" />
</div>
</el-collapse-item>
</el-collapse>
<div class="page-content">
<div class="productions-container">
<el-collapse v-model="activeNames" class="production-collapse">
<el-collapse-item v-for="(group, type) in groupedProductions" :key="type" :title="type || '未分类'"
:name="type || 'no-category'">
<div class="group-list">
<production-card v-for="production in group" :key="production.documentId || production.id"
:slug="production.documentId" :image-url="useStrapiMedia(production?.cover?.url || '')"
:name="production.title" :description="production.summary || ''" />
</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</div>
</template>
@ -92,6 +92,8 @@ onMounted(async () => {
<style scoped>
.page-container {
padding: 2rem;
margin: 0 auto;
max-width: 1200px;
}
.page-header {