• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 步骤导航器
2
3### 简介
4
5本示例展示了JS UI 框架中stepper组件和 stepper-item子组件的使用方法。当完成一个任务需要多个步骤时，可以使用步骤导航器展示当前进展。
6
7实现效果如下：
8
9![](screenshots/device/stepper_1.png) ![](screenshots/device/stepper_2.png)
10
11### 相关概念
12
13Stepper：步骤导航器。
14
15StepperItem：步骤导航器元素。
16
17### 相关权限
18
19不涉及。
20
21### 使用说明
22
231.依据导航提示执行下一步，步骤执行结束后进入主页。
24
252.进入主页后，点击**重置**重新回到步骤一。
26
273.在第三步中可选择“同意跳过后续步骤”，再点击**跳过**直接进入主页。
28
29### 约束与限制
30
311.本示例仅支持标准系统上运行。
32
332.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
34
35