feat 搭建架构骨架

src/views/profile/help.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useProfileStore } from '@/stores/modules/profile'
+import HelpFaq from './cpns/HelpFaq.vue'
+
+const profileStore = useProfileStore()
+const { helpFaqs } = storeToRefs(profileStore)
+
+onMounted(() => {
+  void profileStore.fetchHelpFaqs()
+})
+</script>
+
+<template>
+  <div class="help-page">
+    <header class="help-page__head">
+      <h2 class="help-page__title">
+        帮助中心
+      </h2>
+      <p class="help-page__sub text-secondary">
+        常见问题与使用指南，帮您快速上手平台
+      </p>
+    </header>
+
+    <HelpFaq :groups="helpFaqs" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+.help-page {
+  .flex(column, flex-start);
+  gap: @spacing-base;
+  width: 100%;
+
+  &__head {
+    .flex(column, flex-start);
+    gap: @spacing-xs;
+    width: 100%;
+    padding: @spacing-base @spacing-xl;
+    border-radius: @radius-lg;
+    background: @white;
+    box-shadow: @shadow-base;
+  }
+
+  &__title {
+    font-size: @font-size-lg;
+    font-weight: 600;
+    color: @heading-color;
+  }
+
+  &__sub {
+    font-size: @font-size-base;
+  }
+}
+</style>