nodejs 037: 前端新手教程使用引导库 Intro.js

FakeOccupational

已于 2025-01-16 09:47:11 修改

阅读量414

点赞数 4

CC 4.0 BY-SA版权

分类专栏：服务化&架构文章标签：前端 javascript 开发语言

于 2025-01-15 19:00:00 首次发布

本文链接：https://blog.youkuaiyun.com/ResumeProject/article/details/145097177

Intro.js简介

Intro.js 是一个流行的引导库，用于提供步进式的新手教程。它可以帮助你创建用户引导，展示一些步骤和提示，逐步引导用户了解应用程序的功能。

安装方法：

npm install intro.js

使用方法：

import introJs from 'intro.js';
import 'intro.js/introjs.css';

const startTutorial = () => {
   
   
  const intro = introJs();
  intro.setOptions({
   
   
  skipLabel: '跳过',    // 跳过按钮https://introjs.com/docs/tour/options
    steps: [
      {
   
   
        element: '#step1',
        intro: '这是步骤1的提示信息。',
      },
      {
   
   
        element: '#step2',
        intro: