Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-12-02 10:27:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add style to plugins-vendor example

Browse Source
This commit is contained in:
Sébastien Chopin 2016-11-08 03:48:18 +01:00
parent d47775ebfd
commit 90a97d76ce
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/plugins-vendor/pages/about.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="container">
<img :src="thumbnailUrl" /> <img :src="thumbnailUrl" />
<p><router-link to="/">Home</router-link> - About</p> <p><router-link to="/">Home</router-link> - About</p>
</div> </div>
@ -10,7 +10,15 @@ import axios from 'axios'
export default { export default {
data () { data () {
return axios.get('http://jsonplaceholder.typicode.com/photos/1').then(res => res.data) return axios.get('http://jsonplaceholder.typicode.com/photos/4').then(res => res.data)
} }
} }
</script> </script>
<style>
.container {
text-align: center;
padding-top: 100px;
font-family: sans-serif;
}
</style>

10
examples/plugins-vendor/pages/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="container">
<p><button @click="showLoginError">Notif me!</button></p> <p><button @click="showLoginError">Notif me!</button></p>
<p>Home - <router-link to="/about">About</router-link></p> <p>Home - <router-link to="/about">About</router-link></p>
</div> </div>
@ -26,3 +26,11 @@ export default {
} }
} }
</script> </script>
<style>
.container {
text-align: center;
padding-top: 100px;
font-family: sans-serif;
}
</style>