fix(ui): add index page for vant

Author: clarkdo

packages/cna-template/template/frameworks/vant/pages/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="container">
+    <div>
+      <logo />
+      <h1 class="title">
+        Welcome to the Vant + Nuxt.js template
+      </h1>
+      <div class="links">
+        <van-button type="primary" target="_blank" rel="noopener noreferrer" to="https://nuxtjs.org/">
+          Documentation
+        </van-button>
+        <van-button target="_blank" rel="noopener noreferrer" to="https://github.com/nuxt/nuxt.js">
+          GitHub
+        </van-button>
+        <van-button target="_blank" rel="noopener noreferrer" to="https://www.iviewui.com/">
+          View UI
+        </van-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Logo from '~/components/Logo.vue'
+export default {
+  components: {
+    Logo
+  }
+}
+</script>
+
+<style>
+.container {
+  margin: 0 auto;
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.title {
+  font-family:
+    'Quicksand',
+    'Source Sans Pro',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif;
+  display: block;
+  font-weight: 300;
+  font-size: 100px;
+  color: #35495e;
+  letter-spacing: 1px;
+}
+
+.subtitle {
+  font-weight: 300;
+  font-size: 42px;
+  color: #526488;
+  word-spacing: 5px;
+  padding-bottom: 15px;
+}
+
+.links {
+  padding-top: 15px;
+}
+</style>