first commit

2026-04-09 15:09:34 +08:00
commit d8e3a63df1
2246 changed files with 352109 additions and 0 deletions
@@ -0,0 +1,43 @@
+<template>
+  <PageWrapper title="引导页" content="用于给用户的指引操作">
+    <a-button type="primary" @click="handleStart">开始</a-button>
+  </PageWrapper>
+</template>
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import { PageWrapper } from '/@/components/Page';
+  import { useDesign } from '/@/hooks/web/useDesign';
+  import intro from 'intro.js';
+  import 'intro.js/minified/introjs.min.css';
+
+  export default defineComponent({
+    components: { PageWrapper },
+    setup() {
+      const { prefixVar } = useDesign('');
+
+      function handleStart() {
+        intro()
+          .setOptions({
+            steps: [
+              {
+                title: 'Welcome',
+                intro: 'Hello World! 👋',
+              },
+              {
+                title: 'Collapse Button',
+                element: document.querySelector(`.${prefixVar}-layout-header-trigger`)!,
+                intro: 'This is the menu collapse button.',
+              },
+              {
+                title: 'User Action',
+                element: document.querySelector(`.${prefixVar}-layout-header-action`)!,
+                intro: 'This is the user function area.',
+              },
+            ],
+          })
+          .start();
+      }
+      return { handleStart };
+    },
+  });
+</script>