data mopved into asyncData() method
This commit is contained in:
ManjaroOne666
parent
17b65dedb0
commit
37eb527ecb
|
|
@ -69,7 +69,7 @@
|
||||||
|
|
||||||
<BackgroundImageLoader slot="background"
|
<BackgroundImageLoader slot="background"
|
||||||
class="background"
|
class="background"
|
||||||
image-url="https://via.placeholder.com/1920x1080"
|
:image-url="imageUrl"
|
||||||
>
|
>
|
||||||
<div slot="overlay" class="background-tint background-overlay"></div>
|
<div slot="overlay" class="background-tint background-overlay"></div>
|
||||||
</BackgroundImageLoader>
|
</BackgroundImageLoader>
|
||||||
|
|
@ -156,6 +156,12 @@ export default {
|
||||||
}, 1000)
|
}, 1000)
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
asyncData () {
|
||||||
|
return new Promise ((resolve, reject) => {
|
||||||
|
resolve({ imageUrl: "https://via.placeholder.com/1920x1080" })
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
</BackgroundImagePreloader>
|
</BackgroundImagePreloader>
|
||||||
<BackgroundImageLoader v-else slot="background"
|
<BackgroundImageLoader v-else slot="background"
|
||||||
class="background"
|
class="background"
|
||||||
image-url="https://via.placeholder.com/1920x1080"
|
:image-url="imageUrl"
|
||||||
>
|
>
|
||||||
<div slot="overlay" class="background-tint background preloader-overlay"></div>
|
<div slot="overlay" class="background-tint background preloader-overlay"></div>
|
||||||
</BackgroundImageLoader>
|
</BackgroundImageLoader>
|
||||||
|
|
@ -55,36 +55,6 @@ export default {
|
||||||
return {
|
return {
|
||||||
showPreloaderBackground: false,
|
showPreloaderBackground: false,
|
||||||
activeIndex: 0,
|
activeIndex: 0,
|
||||||
services: [
|
|
||||||
{
|
|
||||||
'heading': 'Portraits',
|
|
||||||
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
|
|
||||||
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
|
|
||||||
'html': '<p>Corporate portraits and publicity photos for printed materials, including annual reports and newsletters.</p>',
|
|
||||||
'linkUrl': 'galleries?gallery=0',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'heading': 'Dance',
|
|
||||||
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
|
|
||||||
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
|
|
||||||
'html': '<p>Photography and video production of dancers and performances for print, web, and promotion.</p>',
|
|
||||||
'linkUrl': 'galleries?gallery=1',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'heading': 'Music',
|
|
||||||
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
|
|
||||||
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
|
|
||||||
'html': '<p>Photography and video of musical performances and portraits for print and the web, CD covers, and publicity photos.</p>',
|
|
||||||
'linkUrl': 'galleries?gallery=2',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'heading': 'Events',
|
|
||||||
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
|
|
||||||
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
|
|
||||||
'html': '<p>Photography and video production for your corporate, organisational and personal events and celebrations.</p>',
|
|
||||||
'linkUrl': 'galleries?gallery=3',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -111,6 +81,44 @@ export default {
|
||||||
this.activeIndex = index
|
this.activeIndex = index
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
asyncData () {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
resolve({
|
||||||
|
imageUrl: "https://via.placeholder.com/1920x1080",
|
||||||
|
services: [
|
||||||
|
{
|
||||||
|
'heading': 'Portraits',
|
||||||
|
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
|
||||||
|
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-portraits.jpg',
|
||||||
|
'html': '<p>Corporate portraits and publicity photos for printed materials, including annual reports and newsletters.</p>',
|
||||||
|
'linkUrl': 'galleries?gallery=0',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'heading': 'Dance',
|
||||||
|
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
|
||||||
|
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-dance.jpg',
|
||||||
|
'html': '<p>Photography and video production of dancers and performances for print, web, and promotion.</p>',
|
||||||
|
'linkUrl': 'galleries?gallery=1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'heading': 'Music',
|
||||||
|
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
|
||||||
|
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-music.jpg',
|
||||||
|
'html': '<p>Photography and video of musical performances and portraits for print and the web, CD covers, and publicity photos.</p>',
|
||||||
|
'linkUrl': 'galleries?gallery=2',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'heading': 'Events',
|
||||||
|
'imageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
|
||||||
|
'backgroundImageUrl': 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/services-events.jpg',
|
||||||
|
'html': '<p>Photography and video production for your corporate, organisational and personal events and celebrations.</p>',
|
||||||
|
'linkUrl': 'galleries?gallery=3',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue