feat: h5页面布局

layouts/default.vue

 <template>
-    <div>
+    <div class="layout-default">
         <Nuxt/>
     </div>
 </template>
-
-<style>
-html {
-    box-sizing: border-box;
-    font-family:
-        "Source Sans Pro",
-        -apple-system,
-        BlinkMacSystemFont,
-        "Segoe UI",
-        Roboto,
-        "Helvetica Neue",
-        Arial,
-        sans-serif;
-    text-size-adjust: 100%;
-    font-size: 16px;
-    -webkit-font-smoothing: antialiased;
-    word-spacing: 1px;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-    margin: 0;
-}
-
-.button--green {
-    display: inline-block;
-    padding: 10px 30px;
-    color: #3b8070;
-    text-decoration: none;
-    border: 1px solid #3b8070;
-    border-radius: 4px;
+<script>
+export default {
+    mounted () {
+        this.$el.style.visibility = 'visible'
+    }
 }
-
-.button--green:hover {
-    color: #fff;
-    background-color: #3b8070;
-}
-
-.button--grey {
-    display: inline-block;
-    padding: 10px 30px;
-    margin-left: 15px;
-    color: #35495e;
-    text-decoration: none;
-    border: 1px solid #35495e;
-    border-radius: 4px;
-}
-
-.button--grey:hover {
-    color: #fff;
-    background-color: #35495e;
+</script>
+<style>
+.layout-default {
+    width: 375px;
+    margin: 0 auto;
+    visibility: hidden;
 }
 </style>

pages/index.vue

@@ -5,22 +5,6 @@
             <h1 class="title">
                 mould-nuxt
             </h1>
-            <div class="links">
-                <a
-                    href="https://nuxtjs.org/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="button--green">
-                    Documentation
-                </a>
-                <a
-                    href="https://github.com/nuxt/nuxt.js"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="button--grey">
-                    GitHub
-                </a>
-            </div>
         </div>
     </div>
 </template>
@@ -38,34 +22,4 @@ export default {}
     margin: 0 auto;
     text-align: center;
 }
-
-.title {
-    display: block;
-    font-family:
-        "Quicksand",
-        "Source Sans Pro",
-        -apple-system,
-        BlinkMacSystemFont,
-        "Segoe UI",
-        Roboto,
-        "Helvetica Neue",
-        Arial,
-        sans-serif;
-    font-size: 100px;
-    font-weight: 300;
-    color: #35495e;
-    letter-spacing: 1px;
-}
-
-.subtitle {
-    padding-bottom: 15px;
-    font-size: 42px;
-    font-weight: 300;
-    color: #526488;
-    word-spacing: 5px;
-}
-
-.links {
-    padding-top: 15px;
-}
 </style>