Add Help Page

src/views/index/index.vue

@@ -1,5 +1,8 @@
 <script setup>
 import { onMounted, onBeforeUnmount, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
 
 const canvasRef = ref(null)
 canvasRef.value = undefined;
@@ -90,6 +93,11 @@ onBeforeUnmount(() => {
   if (animationId) cancelAnimationFrame(animationId)
   window.removeEventListener('resize', () => {})
 })
+
+const button = [
+  {type: 'success', text: '查看帮助'}
+]
+
 </script>
 
 <template>
@@ -109,6 +117,19 @@ onBeforeUnmount(() => {
         </div>
       </div>
 
+      <div class="btn-wrapper">
+        <el-button
+            :type="button[0].type"
+            :key="button[0].text"
+            size="large"
+            class="action-btn"
+            bg
+            @click="router.push('/help')"
+        >
+          {{ button[0].text }}
+        </el-button>
+      </div>
+
     </div>
   </div>
 </template>
@@ -158,4 +179,13 @@ onBeforeUnmount(() => {
   position: relative;
   z-index: 1;
 }
+.btn-wrapper {
+  display: flex;
+  justify-content: center;
+}
+.action-btn {
+  font-size: 18px;
+  padding: 14px 36px;
+  border-radius: 8px;
+}
 </style>