rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

data mopved into asyncData() method

This commit is contained in:
ManjaroOne666 2019-02-04 11:53:23 +00:00
parent 17b65dedb0
commit 37eb527ecb
2 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/contact.vue
View File

@ -69,7 +69,7 @@
<BackgroundImageLoader slot="background"
class="background"
image-url="https://via.placeholder.com/1920x1080"
:image-url="imageUrl"
>
<div slot="overlay" class="background-tint background-overlay"></div>
</BackgroundImageLoader>
@ -156,6 +156,12 @@ export default {
}, 1000)
},
},
asyncData () {
return new Promise ((resolve, reject) => {
resolve({ imageUrl: "https://via.placeholder.com/1920x1080" })
})
},
}
</script>

70
pages/services.vue
View File

@ -9,7 +9,7 @@
</BackgroundImagePreloader>
<BackgroundImageLoader v-else slot="background"
class="background"
image-url="https://via.placeholder.com/1920x1080"
:image-url="imageUrl"
>
<div slot="overlay" class="background-tint background preloader-overlay"></div>
</BackgroundImageLoader>
@ -55,36 +55,6 @@ export default {
return {
showPreloaderBackground: false,
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
},
},
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>