Skip to content

M
mould-nuxt-h5
Commit b6de4c4d authored by lipengcheng 's avatar lipengcheng
Browse files
Options

feat: init

parent aa7a2769
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 42 deletions
pages/index.vue
View file @ b6de4c4d
<template> <template>
<div class="container"> <div class="container">
<div> <div>
<Logo /> <Logo />
<h1 class="title">mould-nuxt</h1> <h1 class="title">mould-nuxt</h1>
<div class="links"> <div class="links">
<a <a
href="https://nuxtjs.org/" href="https://nuxtjs.org/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="button--green" class="button--green"
> >
Documentation Documentation
</a> </a>
<a <a
href="https://github.com/nuxt/nuxt.js" href="https://github.com/nuxt/nuxt.js"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="button--grey" class="button--grey"
> >
GitHub GitHub
</a> </a>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -31,33 +31,34 @@ export default {} ...@@ -31,33 +31,34 @@ export default {}
<style> <style>
.container { .container {
margin: 0 auto; margin: 0 auto;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
} }
.title { .title {
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, font-family: 'Quicksand', 'Source Sans Pro', -apple-system,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
display: block; sans-serif;
font-weight: 300; display: block;
font-size: 100px; font-weight: 300;
color: #35495e; font-size: 100px;
letter-spacing: 1px; color: #35495e;
letter-spacing: 1px;
} }
.subtitle { .subtitle {
font-weight: 300; font-weight: 300;
font-size: 42px; font-size: 42px;
color: #526488; color: #526488;
word-spacing: 5px; word-spacing: 5px;
padding-bottom: 15px; padding-bottom: 15px;
} }
.links { .links {
padding-top: 15px; padding-top: 15px;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment