skytek/sports-empower-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: carousel delimiter

Browse Source
This commit is contained in:
skytek_xinliang
2026-06-26 09:44:53 +08:00
parent c773ef120a
commit df30beb10f
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/citizen-frontend/src/pages/introduction.vue
+12 -1
View File
@@ -55,7 +55,7 @@ const slides = [
<v-carousel <v-carousel
class="introduction-carousel" class="introduction-carousel"
color="accent" color="secondary"
delimiter-icon="mdi-square" delimiter-icon="mdi-square"
hide-delimiter-background hide-delimiter-background
show-arrows="hover" show-arrows="hover"
@@ -89,4 +89,15 @@ const slides = [
object-fit: contain; object-fit: contain;
object-position: center; object-position: center;
} }
.introduction-carousel :deep(.v-carousel__controls__item .v-icon) {
color: rgb(var(--v-theme-accent)) !important;
opacity: 1;
}
.introduction-carousel :deep(.v-carousel__controls__item.v-btn--active .v-icon),
.introduction-carousel :deep(.v-carousel__controls__item--active .v-icon) {
color: rgb(var(--v-theme-secondary)) !important;
opacity: 1;
}
</style> </style>