valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: begushiybashkir/bbvue/src/views/About.vue

Browse Source 
about add getUrl method
This commit is contained in:
Газиз Валитов
2025-10-07 04:16:22 +05:00
parent 400a95786d
commit e2fe264657
1 changed files with 66 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
begushiybashkir/bbvue/src/views/About.vue
+40 -35
View File
@@ -22,12 +22,14 @@
<div class="mission-vision">
<div class="mission-card">
<h3>🎯 Наша миссия</h3>
<p>Сделать бег доступным и enjoyable для каждого жителя Уфы, независимо от возраста и уровня подготовки.</p>
<p>Сделать бег доступным и enjoyable для каждого жителя Уфы, независимо от возраста и уровня подготовки.
</p>
</div>
<div class="mission-card">
<h3>👁️ Наше видение</h3>
<p>Стать крупнейшим беговым сообществом в Башкортостане, которое вдохновляет на здоровый образ жизни.</p>
<p>Стать крупнейшим беговым сообществом в Башкортостане, которое вдохновляет на здоровый образ жизни.
</p>
</div>
</div>
@@ -52,11 +54,7 @@
</div>
<div class="info-image">
<img
src="../assets/images/UMM2025.png"
alt="Команда бегового клуба Бегущий Башкир"
class="club-image"
>
<img src="../../public/images/UMM2025.png" alt="Команда бегового клуба Бегущий Башкир" class="club-image">
</div>
</div>
</div>
@@ -101,11 +99,8 @@
<div class="coach-profile">
<div class="coach-image">
<img
src="../assets/images/ZagirTrainer3.jpg"
alt="Аминев Загир - тренер бегового клуба Бегущий Башкир"
class="coach-photo"
>
<img :src="getImageUrl('/images/ZagirTrainer3.jpg')" alt="Аминев Загир - тренер бегового клуба Бегущий Башкир"
class="coach-photo">
<div class="coach-badges">
<span class="badge">Мастер спорта</span>
<span class="badge">КМС</span>
@@ -164,10 +159,8 @@
<div class="locations-grid">
<div class="location-card">
<div class="location-image">
<img
src="../assets/images/UfaWhiteRiver.jpg"
alt="Уфимская набережная (ост. Монумент) - основная тренировочная площадка"
>
<img src="../assets/images/UfaWhiteRiver.jpg"
alt="Уфимская набережная (ост. Монумент) - основная тренировочная площадка">
</div>
<div class="location-info">
<h3>🏞️ Набережная </h3>
@@ -183,10 +176,7 @@
<div class="location-card">
<div class="location-image">
<img
src="../assets/images/dinamo.jpg"
alt="Стадион Динамо - для интервальных тренировок"
>
<img src="../assets/images/dinamo.jpg" alt="Стадион Динамо - для интервальных тренировок">
</div>
<div class="location-info">
<h3>🏟️ Стадион "Динамо"</h3>
@@ -202,10 +192,7 @@
<div class="location-card">
<div class="location-image">
<img
src="../assets/images/i.webp"
alt="Лесопарковая зона - для длительных кроссов. Уфимское ожерелье"
>
<img src="../assets/images/i.webp" alt="Лесопарковая зона - для длительных кроссов. Уфимское ожерелье">
</div>
<div class="location-info">
<h3>🌲 Лесопарковая зона</h3>
@@ -274,7 +261,8 @@
<a href="https://www.instagram.com/begushiybashkir/" target="_blank" class="social-btn instagram">
📷 Instagram
</a>
<a href="https://www.youtube.com/channel/UCV45f8q172917848k05q6gA" target="_blank" class="social-btn youtube">
<a href="https://www.youtube.com/channel/UCV45f8q172917848k05q6gA" target="_blank"
class="social-btn youtube">
🎥 YouTube
</a>
<a href="https://t.me/begushiybashkir" target="_blank" class="social-btn telegram">
@@ -304,6 +292,15 @@ export default {
content: 'беговой клуб Уфа, тренер по бегу Уфа, Аминев Загир, тренировки бег Уфа, марафон Уфа, бег в Башкортостане'
}
]
},
methods: {
getImageUrl(path) {
// В продакшене замените на правильный путь
const baseUrl = import.meta.env.BASE_URL
// Путь от корня public/
console.log(`${baseUrl}images/${path}`)
return `${baseUrl}images/${path}`
},
}
}
</script>
@@ -380,7 +377,7 @@ export default {
background: white;
padding: 1.5rem;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-left: 4px solid #2e8b57;
}
@@ -416,7 +413,7 @@ export default {
.club-image {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
/* Ценности */
@@ -431,7 +428,7 @@ export default {
padding: 2rem;
border-radius: 15px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
@@ -468,7 +465,7 @@ export default {
.coach-photo {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.coach-badges {
@@ -487,7 +484,7 @@ export default {
border-radius: 20px;
font-size: 0.8rem;
font-weight: bold;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.coach-details h3 {
@@ -546,7 +543,7 @@ blockquote {
padding: 1rem;
background: white;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.stat-value {
@@ -571,7 +568,7 @@ blockquote {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
@@ -721,9 +718,17 @@ blockquote {
transform: translateY(-2px);
}
.instagram { background: #E4405F; }
.youtube { background: #CD201F; }
.telegram { background: #0088cc; }
.instagram {
background: #E4405F;
}
.youtube {
background: #CD201F;
}
.telegram {
background: #0088cc;
}
/* Адаптивность */
@media (max-width: 768px) {