mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add img base

This commit is contained in:
Kseninia Mikhaylova 2024-07-04 10:10:55 +03:00
parent 43d0bae2a0
commit 6cf97c0041
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
nuxt.config.ts
View File

@ -54,7 +54,8 @@ export default defineNuxtConfig({
], ],
runtimeConfig: { runtimeConfig: {
public: { public: {
apiBase: 'https://mns.kustarshina.ru', apiBase: 'https://mns.kustarshina.ru/kp',
imgBase: 'https://mns.kustarshina.ru',
baseUrl: '', baseUrl: '',
}, },
}, },

9
pages/index.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
const config = useRuntimeConfig() const config = useRuntimeConfig()
const apiBase = config.public.apiBase const apiBase = config.public.apiBase
const imgBase = config.public.imgBase
import { marked } from 'marked'; import { marked } from 'marked';
@ -54,7 +55,7 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
</div> </div>
</div> </div>
<div class="siteblock-image"> <div class="siteblock-image">
<NuxtImg :src="[apiBase, about?.image].join('/')" alt="разные цвета забора" title="" <NuxtImg :src="[imgBase, about?.image].join('/')" alt="разные цвета забора" title=""
format="webp" /> format="webp" />
</div> </div>
<div class="feature"> <div class="feature">
@ -68,14 +69,14 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
</div> </div>
<div class="siteblock siteblock_imgbg bg-slate-500" <div class="siteblock siteblock_imgbg bg-slate-500"
:style="[{ backgroundImage: `url(${[apiBase, reviews?.image].join('/')})` }]" v-if="reviews"> :style="[{ backgroundImage: `url(${[apiBase, reviews?.image].join('/')})` }]" v-if="reviews">
<NuxtImg :src="[apiBase, reviews?.image].join('/')" class="invisible" alt="отзыв" title="" format="webp" loading="lazy" /> <NuxtImg :src="[imgBase, reviews?.image].join('/')" class="invisible" alt="отзыв" title="" format="webp" loading="lazy" />
</div> </div>
<div class="siteblock bg-white" :id="reviews?.slug" v-if="reviews"> <div class="siteblock bg-white" :id="reviews?.slug" v-if="reviews">
<div class="container"> <div class="container">
<template v-for="item in reviewsData?.slice(0, 3)"> <template v-for="item in reviewsData?.slice(0, 3)">
<div class="review"> <div class="review">
<div class="review-image"> <div class="review-image">
<NuxtImg :src="[apiBase, item.image].join('/')" :alt="item.text" title="" format="webp" loading="lazy" /> <NuxtImg :src="[imgBase, item.image].join('/')" :alt="item.text" title="" format="webp" loading="lazy" />
</div> </div>
<div class="review-content"> <div class="review-content">
{{ item.comment }} {{ item.comment }}
@ -99,7 +100,7 @@ const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advanta
</div> </div>
<div class="siteblock siteblock_imgbg bg-slate-500" <div class="siteblock siteblock_imgbg bg-slate-500"
:style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]"> :style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">
<NuxtImg :src="[apiBase, delivery?.image].join('/')" class="invisible" v-if="delivery" <NuxtImg :src="[imgBase, delivery?.image].join('/')" class="invisible" v-if="delivery"
alt="коричневый забор" title="" format="webp" loading="lazy" /> alt="коричневый забор" title="" format="webp" loading="lazy" />
</div> </div>
<div class="siteblock siteblock_calc bg-white"> <div class="siteblock siteblock_calc bg-white">