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

style: 调整代码格式

Browse Source
This commit is contained in:
R2m1liA
2025-09-12 17:20:30 +08:00
parent 8b763699ed
commit 9e3a8f2889
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,7 @@
<div class="production-image">
<el-image v-if="production.production_images.length <= 1" :src="useStrapiMedia(production?.cover?.url || '')" :alt="production.title" fit="contain" />
<el-carousel v-else class="production-carousel" height="500px" :autoplay="false" :loop="false" arrow="always">
<el-carousel-item v-for="(item, index) in production.production_images || []":key="index">
<el-carousel-item v-for="(item, index) in production.production_images || []" :key="index">
<div class="production-carousel-item">
<el-image :src="useStrapiMedia(item.url || '')" :alt="item.alternativeText || production.title" fit="contain" lazy />
<p v-if="item.caption" class="production-image-caption">{{ item.caption }}</p>
@ -153,11 +153,24 @@ useHead({
}
.production-image .el-image {
position: relative;
width: 100%;
height: 500px;
border-radius: 8px;
}
.production-image-caption {
position: absolute;
bottom: 10px;
/* left: 10%; */
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 5px 10px;
text-align: center;
color: white;
font-size: 0.8rem;
}
.production-carousel :deep(.el-carousel__button) {
/* 指示器按钮样式 */
width: 8px;