---
category: Components
cols: 1
type: 导航
title: Steps
subtitle: 标准导航步骤页
---

结合通用卡片容器协助进行页面标准化导航步骤页

## 设计规范

标准导航步骤页分为步骤条头部、内容区域、尾部操作栏。

其中，步骤条头部未处理流程底颜色为 `#EEEEEE`，正在处理流程底颜色为 `#3F87FF`，已处理流程底颜色为 `#FFFFFF`，内容区域和尾部操作栏底颜色 `#FAFAFA`，尾部操作栏高度为 56 px。

## API

|类名      |说明  |使用示例
|---------|---------|
|.dt-steps-header     |    UI5.0 步骤页样式     | 基本用法 |
|.dt-steps-card-container     |    步骤页卡片容器主要内容模块样式     | 基本用法 |
|.dt-card-shadow-bg     |    步骤卡片容器设置阴影        | 基本用法 |