Nuxt/examples/static-images/pages/about.vue

37 lines
625 B
Vue
Raw Normal View History

2016-11-27 12:39:52 +00:00
<template>
<div class="container">
<img src="~static/nuxt-black.png" />
<h2>Thank you for testing nuxt.js</h2>
<p>Loaded from the {{ name }}</p>
2016-12-16 17:12:38 +00:00
<p><nuxt-link to="/">Back home</nuxt-link></p>
2016-11-27 12:39:52 +00:00
</div>
</template>
<script>
export default {
2017-02-28 14:17:49 +00:00
asyncData ({ req }) {
2016-11-27 12:39:52 +00:00
return {
name: req ? 'server' : 'client'
}
}
}
</script>
<style scoped>
.container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
color: white;
font-family: "Lucida Console", Monaco, monospace;
padding-top: 130px;
text-align: center;
}
a {
color: silver;
}
</style>