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

fix: carousel

Browse Source
This commit is contained in:
skytek_xinliang
2026-06-26 09:35:44 +08:00
parent b56c59dd42
commit c773ef120a
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/citizen-frontend/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/dumbbell-heart.svg" /> <link rel="icon" type="image/svg+xml" href="/dumbbell-heart.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Vuetify 4</title> <title>Sports Empower Health</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
app/citizen-frontend/src/pages/introduction.vue
+8 -3
View File
@@ -53,7 +53,13 @@ const slides = [
計畫簡介 計畫簡介
</v-card-title> </v-card-title>
<v-carousel class="introduction-carousel" hide-delimiters show-arrows="hover"> <v-carousel
class="introduction-carousel"
color="accent"
delimiter-icon="mdi-square"
hide-delimiter-background
show-arrows="hover"
>
<v-carousel-item <v-carousel-item
v-for="slide in slides" v-for="slide in slides"
:key="slide.src" :key="slide.src"
@@ -68,8 +74,7 @@ const slides = [
<style scoped> <style scoped>
.introduction-carousel { .introduction-carousel {
background: #f5f7f8; height: min(58vh, 560px) !important;
height: min(58vh, 440px);
min-height: 220px; min-height: 220px;
} }